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

jquery datatable切換界面

錢諍諍2年前9瀏覽0評論

jQuery Datatable是一款功能強大、易于使用的JavaScript表格插件,它可以在網頁中快速顯示大量數據。而且,Datatable還支持切換界面的功能,這使得它變得更加靈活,可以適應不同的使用場景。

// 初始化Datatable,并設置界面樣式
$('#table').DataTable( {
"dom": '<"top"f>rt<"bottom"lp><"clear">',
"pagingType": "full_numbers"
} );
// 切換界面樣式
$('#toggle-vis').on( 'click', function () {
// 隱藏或顯示某些列
var column = table.column( $(this).attr('data-column') );
column.visible( ! column.visible() );
// 切換界面樣式
if ( $(this).hasClass('active') ) {
$(this).removeClass('active');
$('#table_wrapper').removeClass('compact');
}
else {
$(this).addClass('active');
$('#table_wrapper').addClass('compact');
}
} );

代碼中,我們首先使用DataTable()方法初始化Datatable,并設置了一個自定義的dom屬性,以及分頁樣式。接著,我們使用on()方法添加了一個事件監聽器,當點擊toggle-vis按鈕時,會隱藏或顯示某些列,并切換界面樣式。

以上就是關于jQuery Datatable切換界面的一些介紹和實例代碼,希望可以幫助到大家。