Question

我在我的网站上使用dataTables插件，我的搜索栏出现了一些小问题，该插件包含在所述插件中; 我正在使用该代码清除排空输入字段的搜索栏：

    function tog(v){return v?'addClass':'removeClass';} 
$(document).on('input', '.clearable', function(){
    $(this)[tog(this.value)]('x');
}).on('mousemove', '.x', function( e ){
    $(this)[tog(this.offsetWidth-18 < e.clientX-this.getBoundingClientRect().left)]('onX');
}).on('touchstart click', '.onX', function( ev ){
    ev.preventDefault();
    $(this).removeClass('x onX').val('').change().submit();
 });

取自this stackoverflow question

现在问题是：每当我点击我为输入清除而签名的十字架时，所述输入就会被清除，但是，dataTable表只保持显示与搜索输入相对应的表行。单击十字时如何清除dataTable搜索。我注意到只需按下退格键，向下箭头键等按钮即可更新搜索。

Answer 1

你有两个选择

通过触发dataTable事件
告诉keyup搜索字段已被更改
```
// on 'touchstart click' event
$(this).keyup();
```

reDraw表

var table = $('#example').DataTable();
table.search('').draw();

更新dataTable搜索

1 个答案: