如何將標題標題和頁腳標題放入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數據表？

回答

相關問題