两个html表格的表格列宽必须相同

下面的示例中有两个表。未为列设置宽度。我不想要两个表中列的固定宽度。我希望根据生成的动态文本使列的宽度相同。我正在使用angularjs和html来实现这一点。这是plunkr-

html-

储蓄过滤器
名称
版本
大小
修改
标签
描述
{{item.name}
{{item.name}
{{item.name}
{{item.Version}
{{item.Size}
{{item.ModifiedBy}}
{{item.Labels}
{{item.Description}

我想这就是您想要的，将宽度更改为最大宽度：

.table-nested .cell-name {
    max-width: 15rem;
    /*width: 60%;*/
}

别忘了注释宽度

见plnkr：

---

您也可以使用60%。所以：

最大宽度：60%

我想这就是你想要的，将宽度更改为最大宽度：

.table-nested .cell-name {
    max-width: 15rem;
    /*width: 60%;*/
}

别忘了注释宽度

见plnkr：

---

您也可以使用60%。因此：

最大宽度：60%

如果您希望所有列的宽度都相同，并且您确定每个表中正好有五列，我建议：

<table style="table-layout:fixed">
<col style="width:20%" span="5" />
<tr><!--stuffs...--></tr>
</table>

---

如果您希望所有列的宽度相同，并且由于您确定每个表中正好有五列，我建议：

<table style="table-layout:fixed">
<col style="width:20%" span="5" />
<tr><!--stuffs...--></tr>
</table>

有关要求的更多信息请参见上述说明。子表列与父表列不同步。我希望两个表列具有相同的宽度，具体取决于列的文本。请让我知道您仍然需要更多的要求。有关要求的更多信息请参见上述说明。子表列与父表列不同步。我希望两个表列具有相同的宽度，具体取决于列的文本。让我知道你仍然需要更多的要求。参考这篇文章：参考这篇文章：关于增加最大宽度：15rem；当文本大小减小时，它实际上是在固定列之间显示的宽度和空间。看到这个了吗。我希望这些柱子是可调的。关于添加最大宽度的任何其他帮助：15rem；当文本大小减小时，它实际上是在固定列之间显示的宽度和空间。看到这个了吗。我希望这些柱子是可调的。还有其他帮助吗？