我是jquery mobile的新手,轉換我爲桌面所做的應用程序。jquery移動表沒有完全隱藏列
下面是我使用的版本:
jquery.mobile-1.4.5.css
jQuery的1.11.3.js
jquery.mobile,1.4.5.js
我正在使用單頁模板。
三頁,其中兩頁有一張表。定義爲
表:
data-role="table" id="PortConfig_Table" data-mode="columntoggle" class="ui-responsive"
我使用的測試數據,以確保一切運作良好。
兩個表都有th
元素設置優先級:
class="col-Dir" data-priority="3"
的HTML頁面只加載頭。
實現了第一個表,我有腳本根據「頁面」事件動態加載表。
我最初使用pageinit
,但發現當我使用columntoggle
表附帶的「列」按鈕時,只有與隱藏列關聯的標題消失,列中的數據單元仍然可見。
我推測JQM可能會給細胞分配一個屬性(或其他東西),並且在JQM完成它的工作後,我正在填充細胞。
我發現,如果我觸發了「頁面」事件pagebeforecreate
上的數據加載,表格按預期工作,頭部和數據單元被隱藏。
我的第二個表使用多個AJAX調用來獲取表數據。 AJAX操作由同一頁面事件觸發 - pagebeforecreate
。
表已完全填充 - 但是當用戶請求列隱藏時只隱藏列標題或屏幕縮小到JQM開始根據優先級隱藏列的點的問題增加了再次醜陋的頭部。
我的問題是...如何動態加載表格內容並使列隱藏功能隱藏整個列 - 而不僅僅是列標題。