xxxxxxxxxx
1
<div data-mdb-datatable-init data-mdb-hover="true" class="datatable">
2
<table id="exampleTable">
3
<thead>
4
<tr>
5
<th class="th-sm">Name</th>
6
<th class="th-sm">Position</th>
7
<th class="th-sm">Office</th>
8
<th class="th-sm">Age</th>
9
<th class="th-sm">Start date</th>
10
<th class="th-sm">Salary</th>
11
</tr>
12
</thead>
13
<tbody>
14
<tr>
15
<td>Tiger Nixon</td>
16
<td>System Architect</td>
17
<td>Edinburgh</td>
18
<td>61</td>
19
<td>2011/04/25</td>
20
<td>$320,800</td>
21
</tr>
22
<tr>
23
<td>Garrett Winters</td>
24
<td>Accountant</td>
25
<td>Tokyo</td>
26
<td>63</td>
27
<td>2011/07/25</td>
28
<td>$170,750</td>
29
</tr>
30
<tr>
31
<td>Ashton Cox</td>
32
<td>Junior Technical Author</td>
33
<td>San Francisco</td>
34
<td>66</td>
35
<td>2009/01/12</td>
36
<td>$86,000</td>
37
</tr>
38
<tr>
39
<td>Cedric Kelly</td>
40
<td>Senior Javascript Developer</td>
41
<td>Edinburgh</td>
42
<td>22</td>
43
<td>2012/03/29</td>
44
<td>$433,060</td>
45
</tr>
46
<tr>
47
<td>Airi Satou</td>
48
<td>Accountant</td>
49
<td>Tokyo</td>
50
<td>33</td>
51
<td>2008/11/28</td>
52
<td>$162,700</td>
53
</tr>
54
<tr>
55
<td>Brielle Williamson</td>
56
<td>Integration Specialist</td>
57
<td>New York</td>
58
<td>61</td>
59
<td>2012/12/02</td>
60
<td>$372,000</td>
61
</tr>
62
<tr>
63
<td>Herrod Chandler</td>
64
<td>Sales Assistant</td>
65
<td>San Francisco</td>
66
<td>59</td>
67
<td>2012/08/06</td>
68
<td>$137,500</td>
69
</tr>
70
<tr>
71
<td>Rhona Davidson</td>
72
<td>Integration Specialist</td>
73
<td>Tokyo</td>
74
<td>55</td>
75
<td>2010/10/14</td>
76
<td>$327,900</td>
77
</tr>
78
<tr>
79
<td>Colleen Hurst</td>
80
<td>Javascript Developer</td>
81
<td>San Francisco</td>
82
<td>39</td>
83
<td>2009/09/15</td>
84
<td>$205,500</td>
85
</tr>
86
<tr>
87
<td>Sonya Frost</td>
88
<td>Software Engineer</td>
89
<td>Edinburgh</td>
90
<td>23</td>
91
<td>2008/12/13</td>
92
<td>$103,600</td>
93
</tr>
94
<tr>
95
<td>Jena Gaines</td>
96
<td>Office Manager</td>
97
<td>London</td>
98
<td>30</td>
99
<td>2008/12/19</td>
100
<td>$90,560</td>
101
</tr>
102
<tr>
103
<td>Quinn Flynn</td>
104
<td>Support Lead</td>
105
<td>Edinburgh</td>
106
<td>22</td>
107
<td>2013/03/03</td>
108
<td>$342,000</td>
109
</tr>
110
<tr>
111
<td>Charde Marshall</td>
112
<td>Regional Director</td>
113
<td>San Francisco</td>
114
<td>36</td>
115
<td>2008/10/16</td>
116
<td>$470,600</td>
117
</tr>
118
<tr>
119
<td>Haley Kennedy</td>
120
<td>Senior Marketing Designer</td>
121
<td>London</td>
122
<td>43</td>
123
<td>2012/12/18</td>
124
<td>$313,500</td>
125
</tr>
126
</tbody>
127
</table>
128
</div>
xxxxxxxxxx
1
.datatable {
2
--mdb-datatable-hover-bg: #efeeb3;
3
--mdb-datatable-font-size: 18px;
4
--mdb-datatable-hover-color: #ffffff;
5
--mdb-datatable-hover-tbody-tr-transition: #304753 0.2s ease-in;
6
}
7
8
.datatable.datatable-hover tbody tr:hover td {
9
color: var(--mdb-datatable-hover-color);
10
}
1
1
Console errors: 0