column().footer()
自:DataTables 1.10
取得所選欄位的頁尾節點。
描述
此方法可用於取得(並因此修改)欄位的頁尾儲存格。這可能是 th
或 td
元素,具體取決於您表格的 HTML。
傳回的儲存格是表格中與所選欄位相關的第一列 tfoot
元素中的儲存格。如果您想操作頁尾中的多列,則必須使用 table().footer()
方法來取得表格頁尾元素,然後使用標準 DOM / jQuery 方法來操作節點。
此外,tfoot
中的儲存格可以使用 colspan
跨越多個欄位(它們也可以使用 rowspan
,但同樣地,只有第一列中的儲存格可以使用此方法)。因此,使用 colspan
的儲存格可能屬於多個欄位。
表格頁尾在 DataTables 中是可選的。如果結果集中欄位的表格沒有頁尾標籤,則會傳回 null
作為結果。
請注意,如果 column()
中使用的選取器符合多個欄位,則結果集將被截斷為單一欄位 - 結果集中的第一個欄位。
類型
function column().footer( [row] )
- 描述
取得所選欄位的頁尾
th
/td
儲存格。- 參數
名稱 類型 選用 1 row
是 自 2.0 起:此參數可用於控制將從
tfoot
中的哪一列讀取頁尾儲存格。如果未定義,則會使用頁尾中的第一列。- 傳回
所選元素的頁尾儲存格節點,如果符合的欄位沒有頁尾儲存格,則傳回
null
。
範例
加總第 0 欄並將結果值插入其頁尾
var table = new DataTable('#myTable');
var column = table.column(0);
$(column.footer()).html(
column.data().reduce(function (a, b) {
return a + b;
})
);
相關
下列選項直接相關,也可能在您的應用程式開發中很有用。