datatables隱藏列、顯示隱藏列的功能實現
阿新 • • 發佈:2018-12-26
需求:在做表格查詢的時候,根據查詢條件的不同,可能會出現某一列沒有資料不需要展示的情況。
思路:選擇下拉條件後不需要顯示列的隱藏掉,更換下拉條件後隱藏掉不需要顯示的列隱藏掉,原來隱藏掉的顯示出來。更換成全部資料的時候,吧所有隱藏過的列都顯示出來。
效果:
實現:在選擇想要顯示的內容後,不想顯示的那一列的資料穿成空,或者其他約定好的字串,如果不傳的話會出現資料和表頭不對應報錯的情況。
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);//顯示 }