溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了layui表格支不支持自適應，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
layui表格不支持自適應。比如在頁面中添加數據表格時，會發現數據表格每列寬度的大小不能自適應表格，都擠在了一起，看了官方文檔后發現，可以為表格設置列寬：
layuiTable.render({width: 710,elem: '#tabSta',url: "/pickTicket/tytr", cols: [[{ field: "ShiftsID", title: "班次ID", hide: true },{ field: "scheduleCoding", title: "班次", align: "center" },{ field: "time", title: "時間", align: "center" },{ field: "carNumber", title: "車輛編號", align: "center" } ]],});但是，問題由來了。當我縮小頁面時，表格的寬度還是原來的寬度，不能達到自適應大小的要求。原因在于我剛才給它設置的寬度是固定大小的寬度。
既然上面這個方法不行，那進行第二種解決方法。我在瀏覽器頁面檢查發現，當將寬度設置為100%時，數據表格的寬度就能進行自適應大小了。所以，在數據表格的對應代碼中給它加上參數done，給數據表格自定義一個樣式。
相關代碼如下：
tabrecord =layuiTable.render({elem: ‘#tabStation’,url: “/pickTicket/tytr”,done: function (res, curr, count){KaTeX parse error: Expected 'EOF', got '}' at position 34: …th", "100%"); }?, cols: [[ { fi…(“table”).css(“width”, “100%”);也可以這樣寫$(“table”).width(“100%”)。
通過這樣設置，我們回到瀏覽器頁面進行查看，無論我們怎樣縮放頁面，數據表格都能自行適應頁面大小。
感謝你能夠認真閱讀完這篇文章，希望小編分享的“layui表格支不支持自適應”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
