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的更多用法,可參考官方文檔。