Question

我想知道是否可以添加我自己的搜索输入（不在页脚中，因为这会使响应式插件无效），所以我想添加一些搜索输入（在表格标签）按列搜索，另一列搜索所有列谢谢

Answer 1

有关如何在表格外实现搜索输入的代码和演示，请参阅search API example。

演示中的示例代码：

function filterGlobal () {
    $('#example').DataTable().search(
        $('#global_filter').val(),
        $('#global_regex').prop('checked'),
        $('#global_smart').prop('checked')
    ).draw();
}

function filterColumn ( i ) {
    $('#example').DataTable().column( i ).search(
        $('#col'+i+'_filter').val(),
        $('#col'+i+'_regex').prop('checked'),
        $('#col'+i+'_smart').prop('checked')
    ).draw();
}

$(document).ready(function() {
    $('#example').DataTable();

    $('input.global_filter').on( 'keyup click', function () {
        filterGlobal();
    } );

    $('input.column_filter').on( 'keyup click', function () {
        filterColumn( $(this).parents('tr').attr('data-column') );
    } );
} );

如何添加我自己的搜索输入？ [数据表]

1 个答案: