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)功能,可以通過官方文檔來進行查看。