数据表过滤器具有列的详细信息

时间:2019-03-21 11:46:41

标签: datatables

我使用Datatables在桌子上遇到了一个情况,我很想知道是否有人可以引导我朝正确的方向前进。我有一个包含多列的表,每列的标题上都有一个输入搜索。

在我的第一列中,用户有3个选择来搜索:

  • 所有者
  • 买方
  • 所有者/买方

此刻我有什么,当用户键入所有者时,显示的结果是所有者和所有者/买方...但是我希望它仅查找所有者或所有者,以此类推

>

在我的第二列中,它是一个名称列,所以说我叫

  • 乔恩·彼得第三

我想要的是让第二列仅通过键入jonh就能找到该名称。

我在initComplete函数中的代码是:

this.api().columns([3,4,5,6,7,8,9]).every(function() {
                        let column = this;
                        let eachHeader = $(column.header())[0];
                        let headingVal = eachHeader.getAttribute("aria-label");
                        let select = $('<input type="text" placeholder="'+headingVal+'" id ="filter'+$(this).index()+'"/>')
                            .appendTo($(column.header()).empty())
                            .on('keyup change', function(e) {
                                regExSearch = '^\\s' + this.value +'\\s*$';
                                let val = $.fn.dataTable.util.escapeRegex(
                                    $(this).val()
                                );
                                column
                                    .search(val)
                                    .draw();
                            }); //select

                        column.data().unique().sort().each(function(d, j) {
                            select.append('<option value="' + d + '">' + d + '</option>')
                        }); //column.data
                    });

我迷路了!,我不知道该怎么办,我已经看到zp2ss和许多其他链接,但似乎没有任何作用,而且我正在使用服务器端处理

有什么想法吗?

0 个答案:

没有答案