如何将标题标题和页脚标题放到jQuery数据表中？

Question

我在asp mvc应用程序中使用jQuery数据表，我想将 titles 放在下面。

注意：标题是使用paint： - ）

这是我的代码：

    <script type="text/javascript">

    var vouchers;

    $(document).ready(function() {

        /* Init the table*/
        $("#vouchers").dataTable({
            "bRetrieve": true,
            "bFilter": false,
            "bSortClasses": false,
            "bLengthChange": false,
            "bPaginate": true,
            "bInfo": false,
            "bJQueryUI": true,
            "bAutoWidth": true,
            "aaSorting": [[2, "desc"]],
            "aoColumns": [
            { "bSortable": true },
            { "bSortable": true },
            { "bSortable": true },
            { "bSortable": true },
            { "bSortable": true },
            { "bSortable": true },
            { "bSortable": true },
            { "bSortable": true}]
        });

        vouchers.fnDraw();
    });
</script>

谢谢

Answer 1

点击此链接：http://www.datatables.net/examples/advanced_init/dom_toolbar.html

哪个应与您的代码相关：

$(document).ready(function() {
    $("#vouchers").dataTable({
        "sDom": '<"header">frtip<"footer">',
        "bRetrieve": true,
        "bFilter": false,
        "bSortClasses": false,
        "bLengthChange": false,
        "bPaginate": true,
        "bInfo": false,
        "bJQueryUI": true,
        "bAutoWidth": true,
        "aaSorting": [[2, "desc"]],
        "aoColumns": [
        { "bSortable": true },
        { "bSortable": true },
        { "bSortable": true },
        { "bSortable": true },
        { "bSortable": true },
        { "bSortable": true },
        { "bSortable": true },
        { "bSortable": true}]
    });
    $("div.header").html('Charges list');
    $("div.footer").html('Total');
});

Answer 2

您可以使用信息功能将表格的名称设置为：

使用“bInfo”= true配置dataTables，“sDom”将创建您的css类“Header”并定位您的信息（“i”在“标题”之后）和“oLanguage”将定义您想要的文本内容。你只需要像你的表头一样在你的CSS中设置你的“标题”类的样式，一切都会好的。

$(document).ready(function() {
    $("#vouchers %>").dataTable({
            "binfo": true,
            "sDom": '<"header"i>t<"Footer">',
            "oLanguage": {
                "sInfo": "Charges list"
            }
        });
    });  

对于最后的“总计”，是计算总数还是总行数？