在使用layui做資料表的時候,插入的資料的id是不是一組連續的數字,那麼就需要用到layui的cols的type屬性。
table.render({ elem: '#test' ,url:'${pageContext.request.contextPath}/findcustomers' ,cols: [[ {align:'center', title: '编号', sort: true,type:'numbers',width:100} ]] ,page: true });
我們就會得到一列有序的數列(ps:這裡的必須加width屬性,使用minWidth沒用,如果沒用width,那麼會使用layui的表格預設寬度40)
那麼問題來了,我們的id怎麼取得呢,難道id再開一列嗎,如果id有意義,那麼再開一列是可以的,如果沒有意義但有需要用的話,那麼把id隱藏起來更為美觀。在layui2.4版本以前我們可以用layui的資料表的done參數。
table.render({ elem: '#test' ,url:'${pageContext.request.contextPath}/findcustomers' ,cols: [[ {align:'center', title: '编号', sort: true,type:'numbers',width:100} ,{field:'cust_id', title: 'ID'} ]] ,done:function(res,curr,count){ // 隐藏列 $(".layui-table-box").find("[data-field='cust_id']").css("display","none"); } ,page: true });
可以將id隱藏,但有那麼零點幾秒,id的列是載入出來了,最後隱藏的。那麼有沒有更有效的辦法呢,只能layui自己在載入的時候,實作隱藏。所以在layui2.4版本的時候,layui的cols的參數新添了hide(隱藏)屬性。
table.render({ elem: '#test' ,url:'${pageContext.request.contextPath}/findcustomers' ,cols: [[ {align:'center', title: '编号', sort: true,type:'numbers',width:100} ,{field:'cust_id', title: 'ID', hide:true} ]] ,page: true });
更多layui知識請關注layui使用教學欄位。
以上是layui資料表隱藏列的方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本文詳細介紹瞭如何使用Layui的元素模塊來創建和自定義UI元素,例如選項卡,手風琴和進度條,突出顯示HTML結構,初始化和常見的陷阱,以避免。

本文討論了自定義Layui的Carousel模塊,重點介紹了外觀和行為的CSS和JavaScript修改,包括過渡效果,自動播放設置以及添加自定義導航控件。

該文章指導使用Layui的Carousel模塊用於圖像滑塊,詳細介紹設置的步驟,自定義選項,實現自動播放和導航以及性能優化策略。

本文討論了使用Accept,Exts和Size屬性來限制Layui的上傳模塊,以限製文件類型和尺寸,並自定義錯誤消息以違反。

本文介紹瞭如何使用Layui的圖層模塊創建模態窗口和對話框,詳細設置,類型,自定義和常見的陷阱要避免。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

WebStorm Mac版
好用的JavaScript開發工具

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

SublimeText3漢化版
中文版,非常好用

Atom編輯器mac版下載
最受歡迎的的開源編輯器