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

我在asp mvc应用程序中使用jQuery数据表，我想把标题如下所示。如何将标题标题和页脚标题放入jQuery数据表？

注：标题用油漆把:-)

enter image description here

这里是我的代码：

<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>

谢谢

来源

2011-04-20 Haxed

你可以发布你的html样本吗？ – 2011-04-20 11:30:00

+1使用油漆，但你应该自由地绘制阅读框。 ;） – Buttons840 2012-03-16 19:49:24

可以使用信息功能，把这个名字你的表是这样的： enter image description here

配置数据表与“bInfo” =真，“sDom “将创建您的css类”标题“并定位您的信息（”标题“后的”我“）和”oLanguage“将定义您想要的信息文本。你只需要像你的表头一样在CSS中设置你的“标题”类，一切都会好的。

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

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

来源

2011-04-29 20:16:38

我没有做我的例子中的表名称的任何样式因为我没有时间，但你应该能够轻松地做到这一点。 – 2011-04-29 20:18:14

检查此链接：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'); 
});

来源

2011-04-20 11:44:32

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

回答

相关问题