我是一个非常新的实现数据表来排序我的列.现在,如果我单击列标题,则记录按升序和降序排序.但我不想在那边有任何搜索字段,因为我有一个自定义搜索框.现在我没有找到如何删除搜索选项.此外,在获得记录后,我想在csv文件中导出记录.根据当前记录(升序或降序)怎么办?请帮我.
我似乎无法隐藏DataTables的默认搜索栏。到目前为止,我已经尝试过使用该线程的解决方案,但是设置bFilter:false完全禁用了过滤功能,因此页脚中的搜索框不再起作用。
我已经贴上jsfiddle
我的HTML:
<thead>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>
</thead>
<tbody>
<table id="mytable">
<thead>
<tr>
<th>name</th>
<th>type</th>
<th>color</th>
</tr>
</thead>
<tfoot>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
</tfoot>
<tbody>
<tr>
<td>apple</td>
<td>fruit</td>
<td>red</td>
</tr>
<tr>
<td>banana</td>
<td>fruit</td>
<td>yellow</td>
</tr>
<tr>
<td>carrot</td>
<td>vegie</td>
<td>red</td>
</tr>
<tr>
<td>potato</td>
<td>vegie</td>
<td>brown</td>
</tr>
</tbody>
</table>
</tbody>
Run Code Online (Sandbox Code Playgroud)
和jQuery代码:
$(document).ready(function(){
let table = $('#mytable').DataTable();
$('#mytable tfoot th').each( function (i) {
let title = $('#mytable thead th').eq( $(this).index() ).text();
$(this).html( …Run Code Online (Sandbox Code Playgroud)