色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery datatable 統計

傅智翔2年前9瀏覽0評論

jQuery Datatable是一個非常強大的表格插件,可以用于在網站上顯示數據列表。它具有許多強大的功能,如分頁、排序、搜索和篩選等。此外,Datatable還提供了一種非常好的統計數據的方法,方便用戶更好地了解數據。

統計數據是Datatable的強大功能之一。要統計數據,只需要使用Datatable提供的API函數即可。以下是一個統計Datatable數據的簡單示例:

var table = $('#example').DataTable({
"footerCallback": function (row, data, start, end, display) {
var api = this.api(), data;
// Remove the formatting to get integer data for summation
var intVal = function (i) {
return typeof i === 'string' ? i.replace(/[\$,]/g, '')*1 : typeof i === 'number' ? i : 0;
};
// Total over all pages
var total = api.column(4).data().reduce( function (a, b) {
return intVal(a) + intVal(b);
}, 0 );
// Total over this page
var pageTotal = api.column( 4, { page: 'current'} ).data().reduce( function (a, b) {
return intVal(a) + intVal(b);
}, 0 );
// Update footer
$( api.column( 4 ).footer() ).html(
'$'+pageTotal +' ( $'+ total +' total)'
);
}
});

在上面的代碼中,我們使用了`DataTable()`函數創建了一個Datatable實例。我們在這個函數中使用了`footerCallback`選項,這是Datatable用來處理頁腳的回調函數。通過這個函數,我們可以獲取到Datatable的API對象。然后我們就可以使用這個對象上的幾個API函數來進行統計數據的操作了。

使用`api.column()`函數可以獲取Datatable中某一列的數據。我們還定義了一個`intVal()`函數,用來去除數據格式中可能存在的美元符號,然后將其轉化為數字。接下來,我們使用`reduce()`函數來對數據進行求和運算。最后,我們通過更新footer的HTML內容來顯示統計數據。

總的來說,Datatable的統計功能非常強大,我們可以使用這個功能來幫助用戶更加直觀地了解數據。如果你正在開發一個需要顯示數據表格的網站,那么Datatable是一個非常值得考慮的選擇。