1. 程式人生 > >datatables隱藏列、顯示隱藏列的功能實現

datatables隱藏列、顯示隱藏列的功能實現

需求:在做表格查詢的時候,根據查詢條件的不同,可能會出現某一列沒有資料不需要展示的情況。

思路:選擇下拉條件後不需要顯示列的隱藏掉,更換下拉條件後隱藏掉不需要顯示的列隱藏掉,原來隱藏掉的顯示出來。更換成全部資料的時候,吧所有隱藏過的列都顯示出來。

效果:

實現:在選擇想要顯示的內容後,不想顯示的那一列的資料穿成空,或者其他約定好的字串,如果不傳的話會出現資料和表頭不對應報錯的情況。

if (result.datas[0].domain == '') {   //判斷條件   
    $('.dataTables-example').dataTable().fnSetColumnVis(1, false);//隱藏列 
    $('.dataTables-example').dataTable().fnSetColumnVis(2, true);//顯示可能隱藏掉的列 
} else if (result.datas[0].suffix == '') {
    $('.dataTables-example').dataTable().fnSetColumnVis(2, false);//隱藏列 
    $('.dataTables-example').dataTable().fnSetColumnVis(1, true);//顯示 
} else {
    $('.dataTables-example').dataTable().fnSetColumnVis(2, true);//顯示 
    $('.dataTables-example').dataTable().fnSetColumnVis(1, true);//顯示 
}