JQuery DataTables是一款非常強大的數(shù)據(jù)表格插件,它允許您展示及操作數(shù)據(jù),同時提供了大量的選項和功能。其中之一就是隱藏列,您可以通過以下代碼實現(xiàn):
// 隱藏第二列 $('#myTable').dataTable().fnSetColumnVis( 1, false );
在上面的代碼中,您可以看到我們調(diào)用了fnSetColumnVis函數(shù)來隱藏指定的列。第一個參數(shù)指定該列的索引,第二個參數(shù)則指定是否顯示。
如果您想隱藏多列,可以通過以下代碼實現(xiàn):
// 隱藏第二、四以及第六列 $('#myTable').dataTable().fnSetColumnVis( 1, false ); $('#myTable').dataTable().fnSetColumnVis( 3, false ); $('#myTable').dataTable().fnSetColumnVis( 5, false );
在上述代碼中,我們依次調(diào)用了fnSetColumnVis函數(shù)來隱藏三列。由于每個函數(shù)的第一個參數(shù)不同,所以它們分別隱藏三個不同的列。
最后,如果您想同時隱藏多列,可以通過一次性調(diào)用函數(shù)實現(xiàn):
// 隱藏第二、四以及第六列 $('#myTable').dataTable().fnSetColumnVis( [1, 3, 5], false );
在上面的代碼中,我們只需傳入一個數(shù)組,數(shù)組中包含需要隱藏的列的索引即可。
以上就是關(guān)于JQuery DataTables隱藏列的介紹,希望對您有所幫助。