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

jquery datatable隱藏

傅智翔2年前11瀏覽0評論

jQuery DataTable是一個jQuery插件,它可以將一個普通的HTML表格轉換為具有排序、分頁和搜索功能的高級數據表格。在日常工作中,有時需要隱藏DataTable中的一些列,本文將介紹如何實現這個功能。

首先,我們需要使用DataTable的columns選項將HTML表格中的每列與JavaScript對象中的每個屬性對應起來。例如:

var table = $('#example').DataTable({
columns: [
{ data: 'name' },
{ data: 'position' },
{ data: 'office' },
{ data: 'start_date' },
{ data: 'salary' }
]
});

要隱藏某些列,我們需要使用DataTable提供的column().visible()方法,來控制該列是否可見。例如,以下代碼將隱藏第二列:

table.column(1).visible(false);

需要注意的是,列的編號是從0開始計數的,因此第二列的編號為1。

如果我們要隱藏多列,可以在一個循環中調用column().visible()方法,例如以下代碼將同時隱藏第二列和第四列:

for(var i=0; i<columns_to_hide.length; i++) {
table.column(columns_to_hide[i]).visible(false);
}

使用以上方法,我們可以方便地在DataTable中隱藏某些列。關于DataTable的更多用法,可參考官方文檔。