jQuery DataTable是一款強大的表格插件,它可以快速為網(wǎng)站添加各種類型的表格。最近,jQuery DataTable新增了許多功能,以使其更加方便和易于使用。下面我們來看看一些新功能。
// 初始化帶有新增按鈕的表格 $(document).ready(function() { $('#example').DataTable( { dom: 'Bfrtip', buttons: [ 'copy', 'csv', 'excel', 'pdf', 'print', { text: '新增記錄', action: function ( e, dt, node, config ) { alert( '新增記錄' ); } } ] } ); } );
上面的代碼演示了如何使用新增按鈕來向表格添加新記錄。按鈕將出現(xiàn)在表格頂部,單擊按鈕將觸發(fā)一個事件來添加新記錄。這個新增按鈕是一個非常實用的功能,可以使表格更方便用戶添加新數(shù)據(jù)。
// 在搜索欄中顯示清除按鈕 $(document).ready(function() { $('#example').DataTable( { initComplete: function () { this.api().columns().every( function () { var column = this; var select = $('') .appendTo( $(column.footer()).empty() ) .on( 'change', function () { var val = $.fn.dataTable.util.escapeRegex( $(this).val() ); column .search( val ? '^'+val+'$' : '', true, false ) .draw(); } ); column.data().unique().sort().each( function ( d, j ) { select.append( '' ) } ); } ); } } ); } );
上面的代碼演示了如何使用清除按鈕來清除搜索欄的內(nèi)容。按鈕將出現(xiàn)在搜索框旁邊,單擊按鈕將清除搜索框中的內(nèi)容。這個清除按鈕能夠使用戶更快速地清除搜索內(nèi)容,從而更加方便地實現(xiàn)篩選。
這些新增功能都是為了讓DataTable更加方便和易用。希望這篇文章對您有所幫助。如有任何疑問或建議,歡迎留言討論。