Question

我正在使用Yajrabox Laravel数据表来显示数据。非常简单，只需尝试本教程中给出的内容即可。但是，在表格的页脚中输入的文本框未显示。

https://datatables.yajrabox.com/eloquent/multi-filter-select

使用页面中相同的代码-源代码。

$('#users-table').DataTable({
    processing: true,
    serverSide: true,
    ajax: 'https://datatables.yajrabox.com/eloquent/multi-filter-select-data',
    columns: [
        {data: 'id', name: 'id'},
        {data: 'name', name: 'name'},
        {data: 'email', name: 'email'},
        {data: 'created_at', name: 'created_at'},
        {data: 'updated_at', name: 'updated_at'}
    ],
    initComplete: function () {
        this.api().columns().every(function () {
            var column = this;
            var input = document.createElement("input");
            $(input).appendTo($(column.footer()).empty())
            .on('change', function () {
                column.search($(this).val(), false, false, true).draw();
            });
        });
    }
});

数据表按预期显示，在表顶部具有列和数据，排序和搜索功能。

但是，页脚未显示过滤器框，而过滤器框应如示例中所示显示。

我不确定我缺少什么。如果有人可以指出正确的方向，那将会有所帮助。

Answer 1

感谢@Gyrocode指出脚步。我的表没有该元素。我必须添加它，然后页脚开始出现在列过滤器中。

这里有可能有类似问题的任何人的示例代码。

<table id="users-table" class="table table-condensed">
<thead>
    <tr>
        <th>Id</th>
        <th>Name</th>
        <th>Email</th>
        <th>Created At</th>
        <th>Updated At</th>
    </tr>
</thead>
<tfoot>
    <tr>
        <th>Id</th>
        <th>Name</th>
        <th>Email</th>
        <th>Created At</th>
        <th>Updated At</th>
    </tr>
</tfoot>

在页脚中使用过滤器进行列搜索-未显示页脚过滤器-Laravel Datatables Yajrabox

1 个答案: