Javascript Vuetify2中可扩展表内的数据对齐

我在Vuetify2中使用了扩展表（v-data-table）的官方示例。我想在单击行时显示嵌套表。以下是我得到的：

如您所见，嵌套表的列宽与根表的列宽不匹配

代码如下：

第1行
1234
1234
1234
1234
1234
第2行
1234
1234
1234
1234
1234

这是我的答案

---

请建议，我如何在没有硬编码的情况下实现数据对齐。谢谢。

您的子表不知道父表的布局，所以如果不使用javascript，很难使它们保持对齐。作为一种替代方法，您可能希望尝试将可扩展行保留在同一个表中，只需切换可见性，这样列大小就会对齐。但是你必须为扩展行编写自己的样式。谢谢@joshas的回复。我将尝试第二种方法。您的子表不知道父表的布局，所以如果不使用javascript，很难保持它们对齐。作为一种替代方法，您可能希望尝试将可扩展行保留在同一个表中，只需切换可见性，这样列大小就会对齐。但是你必须为扩展行编写自己的样式。谢谢@joshas的回复。我试试第二种方法。