如果表包含在其他表

Question

我使用tablesorter（https://github.com/Mottie/tablesorter）和小部件滚动条。

您可以在此处找到示例：http://mottie.github.io/tablesorter/docs/example-widget-scroller.html

我的问题是tableorter包含在其他表中，比如

<table>
    <tr>
        <td>
            table sorter table
        </td>
    </tr>
</table>

表格分类器不占用宽度的100％...并且水平滚动条不会自动出现。

您可以在此处找到示例：http://jsfiddle.net/oqfq47fc/8/

如果表分类器未包含在其他表中，则其工作...

您可以在此处找到示例：http://jsfiddle.net/oqfq47fc/9/

你能帮帮我吗？我在门户上下文中工作，内容portlet在表内，并且无法删除嵌套表。

我认为这只是一个问题，但我不知道......

修改

我需要该表占用宽度的100％，如下图所示：

当我调整浏览器大小并且所有表格无法在可用空间中显示时，表格底部会出现一个水平滚动条，如下图所示：

在我的第一个例子中它很好用。

但是在我的第二个带外表的例子中，表格如下图所示：

当我调整浏览器大小时，水平滚动条不会出现在桌面上，而是出现在窗口上，如下图所示：

Answer 1

table{
    display: block;
     max-width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
        width: 100%;
}

table.data-table,table#tvar_1{
    display: table;
}

html{
    overflow-x: hidden;
}

.tablesorter-scroller-table{
    width: 100% !important;
}

Fiddle

添加这组代码就像我可以用严格的表格再现你想要的那样。你正在使用表格进行布局，你真的不应该这样做。最好的方法是在正确的第二次迭代中使用div。它显然显示了正确和最好的方式。此外，我必须对这些表做些什么，这是不好的。

尽量避免不需要表格的表格。这是表格数据，因此需要它，但使用表格构建页面不是正确的方法。