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

jquery datatable 新增

錢艷冰2年前11瀏覽0評論

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更加方便和易用。希望這篇文章對您有所幫助。如有任何疑問或建議,歡迎留言討論。