相关疑难解决方法(0)

如何在DataTables中搜索多个列?

我试图在特定列上组合列搜索和常规搜索.

如果您在下面的代码片段看起来例如,我希望能够搜索栏NamePosition,与"正常"的搜索,而忽略它的其余部分,但我还是希望能够在底部选择一个值该Office列.

$(document).ready(function () {
    $('#example').DataTable({
        initComplete: function () {
            this.api().columns().every(function () {
                var column = this;
                var select = $('<select><option value=""></option></select>')
                    .appendTo($(column.footer()).empty())
                    .on('change', function () {
                    var val = $.fn.dataTable.util.escapeRegex(
                    $(this).val());

                    column.search(val ? '^' + val + '$' : '', true, false)
                        .draw();
                });

                column.data().unique().sort().each(function (d, j) {
                    select.append('<option value="' + d + '">' + d + '</option>')
                });
            });
        }
    });
});
Run Code Online (Sandbox Code Playgroud)
<link href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
<table id="example" class="display" …
Run Code Online (Sandbox Code Playgroud)

html javascript datatables

7
推荐指数
1
解决办法
1万
查看次数

标签 统计

datatables ×1

html ×1

javascript ×1