html - Vuetify嵌套数据表列宽问题

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 中完美运行。