欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery.datatables 分頁事件

錢諍諍1年前8瀏覽0評論

jQuery DataTables是一個常用的表格插件,可以快速地在網(wǎng)站上構(gòu)建出漂亮的表格,帶有排序、搜索、分頁等功能。其中,分頁功能是最基本的功能之一,通過分頁,可以更加方便地查看數(shù)據(jù)并進行操作。

使用jQuery DataTables進行分頁十分簡單。可以通過drawCallback回調(diào)函數(shù)來獲取當(dāng)前頁碼,以及在頁面加載完畢后渲染分頁按鈕。示例代碼如下:

$(document).ready(function() {
var table = $('#example').DataTable( {
lengthChange: false,
buttons: [ 'copy', 'excel', 'pdf', 'colvis' ]
} );
table.buttons().container()
.appendTo( '#example_wrapper .col-md-6:eq(0)' );
} );
$('#example').on( 'page.dt', function () {
console.log( '當(dāng)前頁碼:'+ table.page.info().page );
});

上述代碼中,我們首先創(chuàng)建了一個帶有一些按鈕的表格,并將這些按鈕渲染到表格的頭部(container)中。接下來,我們通過監(jiān)聽page.dt事件來獲取當(dāng)前的頁碼。這個事件會在用戶切換頁碼時被自動觸發(fā)。

通過這個簡單的代碼,我們就實現(xiàn)了一個基本的分頁功能。如果需要更多的相關(guān)功能,可以通過官方文檔來進行查看。