xxxxxxxxxx
1
<div class="datatable">
2
<table>
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" data-mdb-sort='false'>Option</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>
21
<a id="dropdownMenuLink" data-mdb-toggle="dropdown" aria-expanded="false">Options
22
</a>
23
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
24
<li><a class="dropdown-item">Option 1</a></li>
25
<li><a class="dropdown-item">Option 2</a></li>
26
<li><a class="dropdown-item">Option 3</a></li>
27
<li><a class="dropdown-item">Option 4</a></li>
28
<li><a class="dropdown-item">Option 5</a></li>
29
<li><a class="dropdown-item">Option 6</a></li>
30
</ul>
31
</td>
32
</tr>
33
34
</tbody>
35
</table>
36
</div>
xxxxxxxxxx
1
.datatable-sort-icon {left: auto !important;right: 0 !important;}
2
.datatable.datatable-sm td, .datatable.datatable-sm th{padding: 0.5rem;}
3
.ps__rail-x{display: none !important;}
4
.ps__rail-y{display: none !important;}
5
/* .datatable-inner{min-height:220px;} */
6
/* .dropdown-menu{z-index:999 !important;} */
7
/* .datatable table td, .datatable table th {overflow: visible !important;} */
8
9
.datatable-inner.table-responsive {
10
overflow: visible !important;
11
}
1
1
Console errors: 0