2016-10-14 53 views
0

我是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開始根據優先級隱藏列的點的問題增加了再次醜陋的頭部。

我的問題是...如何動態加載表格內容並使列隱藏功能隱藏整個列 - 而不僅僅是列標題。

回答

0

我加載了所有數據後就添加了表刷新,並解決了問題。