jquery - 如何在数据表中包含 tfoot

Question

我正在使用 jQuery 数据表插件。如何在下面的代码中添加带有单独列搜索的 tfoot:

if ($('#myTable').length > 0)
{
    var oTable = $('#myTable').dataTable({

        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "processing": true,
        "serverSide": true,
        "aoColumnDefs": [
            {"sClass": "dt_col_hide", "aTargets": [0]}
        ],
        aaSorting : [[0, 'desc']],      

    });
}

感谢任何帮助。

Answer 1

这段代码完美运行

// clone tfoot like thead
$("#myTable").append(
        $('<tfoot/>').append($("#myTable thead tr").clone())
);

// append tfoot after thead
$('#myTable tfoot').insertAfter($('#myTable thead'))

// Mytable Search script in tfoot

    var table = $('#myTable').dataTable();
    $('#myTable tfoot th').each(function (i)
    {
        var title = $('#myTable thead th').eq($(this).index()).text();
        var serach = '<input type="text" placeholder="Search ' + title + '" />';
        $(this).html('');
        $(serach).appendTo(this).keyup(function () {
            table.fnFilter($(this).val(), i)

    });
   }