Question

我遇到了jquery-mobile表的问题（data-role =“table”）。我的桌子总是回流（即使有全高清屏幕），这里是链接 to the demo page

我尝试过使用jquery-mobile 1.3和1.4b，但结果仍然相同。

Doctype声明且有效的html5（编码除外）......

Answer 1

这是因为默认情况下（=指定无模式），表格将处于reflow模式。

要切换到columnToggle模式，只需将data-mode="columntoggle"添加到您的表格标记中，如docs

中所述

Answer 2

你必须添加class =“ui-responsive”，它将按照1.4的文档中的建议工作，如果你想使整个表不进行重排，那么只需添加：

@media ( max-width: 35em ) {
    .ui-table-reflow.ui-responsive td,
    .ui-table-reflow.ui-responsive th {
        width: auto;
        float: none;
        clear: none;
        display: table-cell;
        margin: 0;
        padding:0;
    }

}

上面的代码会覆盖相同宽度的jquery移动结构并阻止它回流。

jquery mobile，表总是回流

2 个答案: