【问题标题】:jquery mobile table not fully hiding columnsjQuery移动表没有完全隐藏列
【发布时间】:2016-10-14 23:48:13
【问题描述】:

我是 jquery mobile 的新手,正在转换我为桌面做的应用程序。

这是我正在使用的版本:

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 开始根据优先级隐藏列的程度再次使其丑陋。

我的问题是......如何动态加载表格内容并让列隐藏功能隐藏整个列 - 而不仅仅是列标题。

【问题讨论】:

    标签: jquery-mobile


    【解决方案1】:

    我在加载所有数据后添加了一个表格刷新,它解决了问题。

    【讨论】:

      猜你喜欢
      • 2019-06-28
      • 1970-01-01
      • 2016-10-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-08-23
      相关资源
      最近更新 更多