HTML
xxxxxxxxxx
1
<div data-mdb-datatable-init 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>
17
<div class="dropdown">
18
<button
19
class="btn btn-primary btn-floating dropdown-toggle"
20
type="button"
21
id="optionsMenu"
22
data-mdb-dropdown-init
23
data-mdb-ripple-init
24
aria-expanded="false"
25
>
26
H
27
</button>
28
<ul class="dropdown-menu">
29
<li>
30
<a class="dropdown-item">Example</a>
31
</li>
32
<li>
33
<a class="dropdown-item">Example 2</a>
34
</li>
35
</ul>
36
</div>
37
</td>
38
<td>Edinburgh</td>
39
<td>61</td>
40
<td>2011/04/25</td>
41
<td>$320,800</td>
42
</tr>
43
<tr>
44
<td>Garrett Winters</td>
45
<td>Accountant</td>
46
<td>Tokyo</td>
47
<td>63</td>
48
<td>2011/07/25</td>
49
<td>$170,750</td>
50
</tr>
51
<tr>
52
<td>Ashton Cox</td>
53
<td>Junior Technical Author</td>
54
<td>San Francisco</td>
55
<td>66</td>
56
<td>2009/01/12</td>
57
<td>$86,000</td>
58
</tr>
59
<tr>
60
<td>Cedric Kelly</td>
61
<td>Senior Javascript Developer</td>
62
<td>Edinburgh</td>
63
<td>22</td>
64
<td>2012/03/29</td>
65
<td>$433,060</td>
66
</tr>
67
<tr>
68
<td>Airi Satou</td>
69
<td>Accountant</td>
70
<td>Tokyo</td>
71
<td>33</td>
72
<td>2008/11/28</td>
73
<td>$162,700</td>
74
</tr>
75
<tr>
76
<td>Brielle Williamson</td>
77
<td>Integration Specialist</td>
78
<td>New York</td>
79
<td>61</td>
80
<td>2012/12/02</td>
81
<td>$372,000</td>
82
</tr>
83
<tr>
84
<td>Herrod Chandler</td>
85
<td>Sales Assistant</td>
86
<td>San Francisco</td>
87
<td>59</td>
88
<td>2012/08/06</td>
89
<td>$137,500</td>
90
</tr>
91
<tr>
92
<td>Rhona Davidson</td>
93
<td>Integration Specialist</td>
94
<td>Tokyo</td>
95
<td>55</td>
96
<td>2010/10/14</td>
97
<td>$327,900</td>
98
</tr>
99
<tr>
100
<td>Colleen Hurst</td>
101
<td>Javascript Developer</td>
102
<td>San Francisco</td>
103
<td>39</td>
104
<td>2009/09/15</td>
105
<td>$205,500</td>
106
</tr>
107
<tr>
108
<td>Sonya Frost</td>
109
<td>Software Engineer</td>
110
<td>Edinburgh</td>
111
<td>23</td>
112
<td>2008/12/13</td>
113
<td>$103,600</td>
114
</tr>
115
<tr>
116
<td>Jena Gaines</td>
117
<td>Office Manager</td>
118
<td>London</td>
119
<td>30</td>
120
<td>2008/12/19</td>
121
<td>$90,560</td>
122
</tr>
123
<tr>
124
<td>Quinn Flynn</td>
125
<td>Support Lead</td>
126
<td>Edinburgh</td>
127
<td>22</td>
128
<td>2013/03/03</td>
129
<td>$342,000</td>
130
</tr>
131
<tr>
132
<td>Charde Marshall</td>
133
<td>Regional Director</td>
134
<td>San Francisco</td>
135
<td>36</td>
136
<td>2008/10/16</td>
137
<td>$470,600</td>
138
</tr>
139
<tr>
140
<td>Haley Kennedy</td>
141
<td>Senior Marketing Designer</td>
142
<td>London</td>
143
<td>43</td>
144
<td>2012/12/18</td>
145
<td>$313,500</td>
146
</tr>
147
</tbody>
148
</table>
149
</div>
CSS
1
1
JS
1
1
Console errors: 0