javascript - table.columns 不是 datatable.js 中的函数

Question

<script>

    jQuery(document).ready(function () {


        $('#sample_3 tfoot th').each(function () {

            var title = $('#sample_3 thead th').eq($(this).index()).text();

            $(this).html('<input type="text" placeholder="Search ' + title + '" />');
        });

        // DataTable
        var table = $('#sample_3').dataTable();

        // Apply the filter
        table.columns().eq(0).each(function (colIdx) {

            $('input', table.column(colIdx).footer()).on('keyup change', function () {

                table
                    .column(colIdx)
                    .search(this.value)
                    .draw();
            });
        });

    });
</script>

我得到 table.columns is not a function js 错误，缺少什么我不明白。

来源:https://datatables.net/examples/api/multi_filter.html

Answer 1

尝试改变

var table = $('#sample_3').dataTable();

到

var table = $('#sample_3').DataTable();

...也就是说，将DataTable() 大写。来源:https://datatables.net/manual/api#Accessing-the-API