Jquery 使用jqm不正确地显示表格

我试图将jquery移动表添加到页面中，它应该是直接的，但我无法使其正确显示。下面的代码在全浏览器中运行良好，这与我制作html表格的方式相同

    `<div role="main" class="ui-content">
        <table data-role="table" data-mode="reflow" name="hotOrderTable" id="hotOrderTable" class="ui-responsive table-stroke">
            <thead>
                <tr>
                    <td>!</td><td>Parts</td><td>Customer</td>
                </tr>
            </thead>
            <tbody>
                <tr><td>foo1</td><td>foo2</td><td>foo3</td></tr>
                <tr><td>foo4</td><td>foo5</td><td>foo6</td></tr>
            </tbody>
        </table><!-- /table -->
    </div><!-- /main -->`

在我的手机浏览器上，这些行不会像预期的那样彼此重叠显示。相反，该表显示时所有元素都在一列中，并在第二列中添加。如果我添加更多行，它将显示一列，标题再次堆叠，信息位于右侧：

!！foo1 第2部分 顾客食品3 ! foo4 第5部分 顾客食品6

等等

---

我不知道我遗漏了什么/忽略了什么

如果您不想在JQM回流模式下显示表，请不要声明它。。。改用columntoggle，别忘了在标题单元格中添加数据优先级。@是的，就是这样。我知道我忽略了一些简单的事情，只是需要另一双眼睛。非常感谢。