我有一个带有可扩展行的表，因此每一行都会扩展以显示其中的另一个表。有时，此类表的单元格内容带有长字符串；当此类行之一打开时，这将导致父表宽度变宽。我希望父表保持相同的宽度，并希望子表通过div停留在其100％td容器内（位于overflow: auto内），因此它可以水平放置可滚动。
我制作了一个代码框以更好地说明这一点：https://codesandbox.io/s/tannerlinsleyreact-table-sub-components-94n7n?fontsize=14。
请注意，父表位于带有div的{{1}}内，因此，如果将窗口缩小，您将看到父表的水平滚动。我也希望在子表中也有这种行为，但是您会注意到，在扩展一行（通过单击手表情符号）时，父表的宽度与子表的宽度一样。
编辑：
我看到我可以使用JS获得父表的宽度，并在overflow: auto内固定容器div的宽度。但是我想知道这个问题是否有没有JS解决方案。
此外，我尝试使用td，但正如我的评论中所述，它不能解决问题。
有什么想法吗？
答案 0 :(得分：0)
所有表格的宽度取决于其单元格（TD）的内容。
1）第一种方法是给样式表布局：固定；到外面的桌子。
2）第二种方法是，您需要使用jquery获取外部表的宽度并将其分配给容器div（位于TD内）。为了响应，在调整窗口大小时生成外部表宽度，并将其分配给容器div（位于TD内）。然后，该容器（在TD内）将可以水平滚动。