Vuetify проблема ширины вложенных столбцов данных - PullRequest
0 голосов
/ 03 июля 2019

Вы можете увидеть пример на CodePen .

У меня есть таблица данных vuetify и вложенные таблицы данных в ней.
Вы можете открыть вложенную таблицу, щелкнув идентификатор элемента строки.

Если вы установите флажок для какой-либо строки - появится дополнительное поле ввода.

Проблема в том, чтоширина столбцов внешней таблицы и ширина столбцов внутренней таблицы различны, но мне нужны данные во внутренней таблице прямо под данными внешней таблицы.

Я пробовал:
1.Для настройки ширины одинаковых столбцов для заголовков.
2. Чтобы использовать только одни данные заголовка для обеих таблиц.

Если я показываю заголовок и флажки во внутренней таблице, это выглядит лучше,
, но они мне не нужны во внутренней таблице.

Этот фрагмент кода предназначен только для прохождения проверки StackOverflow.Весь пример на CodePen.

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

1 Ответ

0 голосов
/ 03 июля 2019

Коллега помогла мне с этим вопросом. Решение состоит в том, чтобы использовать дополнительные с дополнительной логикой вместо добавления дополнительной таблицы. Отлично работает в v-data-таблице.

...