审核嵌套的数据表列宽度问题

Question

您可以在 CodePen 上查看示例。

我有一个vuetify数据表和嵌套的数据表。
您可以通过单击行项目ID打开嵌套表。

如果您通过复选框选择某行，则会显示其他输入字段。

问题是外部表列的宽度和内部表列的宽度不同，但是我需要内部表中的数据在外部表的数据正下方。

我尝试过：
1.设置标题相同列的宽度。
2.在两个表中仅使用一个标题数据。

如果我在内部表中显示标题和复选框，看起来会更好，
但在内部表中不需要它们。

这段代码仅用于通过StackOverflow验证。 整个示例在CodePen上。

 <v-app id="inspire">
    <v-layout>
        <v-data-table>
            <v-model>
                <template slot="items" slot-scope="props">

Answer 1

Сolleague帮助我解决了这个问题。 解决方案是使用带有附加逻辑的附加表，而不是添加附加表。它可以完美地在v-data-table中使用。