xxxxxxxxxx1
<template>2
<MDBDatatable :dataset="dataset5" selectable multi />3
</template>xxxxxxxxxx1
<style>2
#app {3
font-family: Roboto, Helvetica, Arial, sans-serif;4
}5
6
.datatable-inner .form-check {7
width:100px;8
}9
10
</style>xxxxxxxxxx1
<script>2
import { MDBDatatable } from "mdb-vue-ui-kit";3
export default {4
components: {5
MDBDatatable6
},7
setup() {8
const dataset5 = {9
columns: ["Name", "Position", "Office", "Age", "Start date", "Salary"],10
rows: [11
[12
"Tiger Nixon",13
"System Architect",14
"Edinburgh",15
"61",16
"2011/04/25",17
"$320,800"18
],19
[20
"Garrett Winters",21
"Accountant",22
"Tokyo",23
"63",24
"2011/07/25",25
"$170,750"26
],27
[28
"Ashton Cox",29
"Junior Technical Author",30
"San Francisco",31
"66",32
"2009/01/12",33
"$86,000"34
],35
[36
"Cedric Kelly",37
"Senior Javascript Developer",38
"Edinburgh",39
"22",40
"2012/03/29",41
"$433,060"42
],43
[44
"Airi Satou",45
"Accountant",46
"Tokyo",47
"33",48
"2008/11/28",49
"$162,700"50
],51
[52
"Brielle Williamson",53
"Integration Specialist",54
"New York",55
"61",56
"2012/12/02",57
"$372,000"58
],59
[60
"Herrod Chandler",61
"Sales Assistant",62
"San Francisco",63
"59",64
"2012/08/06",65
"$137,500"66
],67
[68
"Rhona Davidson",69
"Integration Specialist",70
"Tokyo",71
"55",72
"2010/10/14",73
"$327,900"74
],75
[76
"Colleen Hurst",77
"Javascript Developer",78
"San Francisco",79
"39",80
"2009/09/15",81
"$205,500"82
],83
[84
"Sonya Frost",85
"Software Engineer",86
"Edinburgh",87
"23",88
"2008/12/13",89
"$103,600"90
],91
[92
"Jena Gaines",93
"Office Manager",94
"London",95
"30",96
"2008/12/19",97
"$90,560"98
],99
[100
"Quinn Flynn",101
"Support Lead",102
"Edinburgh",103
"22",104
"2013/03/03",105
"$342,000"106
],107
[108
"Charde Marshall",109
"Regional Director",110
"San Francisco",111
"36",112
"2008/10/16",113
"$470,600"114
],115
[116
"Haley Kennedy",117
"Senior Marketing Designer",118
"London",119
"43",120
"2012/12/18",121
"$313,500"122
]123
]124
};125
return {126
dataset5127
};128
}129
};130
</script> Console errors: 0