datatable无法添加每列下拉框搜索

如题 ,我是按照这个文档做的,代码:

js文件:

$('#tb').DataTable({
                    initComplete: function () {
                        var api = this.api();
                        api.columns().indexes().flatten().each(function (i) {
                            var column = api.column(i);
                            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>')
                            });
                        });
                    }

                });

网页:

table.table#tb
                                thead
                                    tr
                                        th
                                            | ID
                                        th
                                            | 姓名
                                        th
                                            | 部门
                                        th
                                            | 详情
                                        th
                                            | 操作
                                tbody
                                    each person in persons
                                        tr(class='#{person.class}')
                                            td #{person.id}
                                            td #{person.name}
                                            td #{person.depart}
                                            td
                                                button.btn.btn-info.btn-sm.c3(data-toggle='modal' data-target='#modal3')
                                                    | 详情
                                            td
                                                button.btn.btn-primary.btn-sm.c1(data-toggle='modal' data-target='#modal2')
                                                    | 修改/隐藏
                                                    

表格上没有出现下拉筛选框

clipboard.png

回复
阅读 3.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏