Подстроки в таблице выровнены по основным столбцам таблицы - PullRequest
Новая
       81

Подстроки в таблице выровнены по основным столбцам таблицы

1 голос
/ 09 июля 2020

Я использую таблицу данных vuetify. Я хочу использовать расширенный слот для отображения большего количества строк в таблице. Например: enter image description here
The blue colored rows are sub rows of January 2nd, sells and revenue sums up.

It seems the expanded-item slot for v-data-table is inside tag, that's why the official documentation uses in it. Assuming my item looks like:

{
  month: 'January',
  day: 2,
  sells: 29,
  revenue: 428,
  byHour: [
    {hour: 7, sells: 3, revenue: 33},
    ...
  ]
}

If I use the slot like that:

  item.byHour [0] .hour  item.byHour [0] .sells  item.byHour [0]. выручка

Выглядит нормально. Содержимое подстрок выравнивается по столбцам основной таблицы, Но я хочу использовать v-for, я попытался обернуть приведенный выше код в <tr> или <table>, но он не использует всю ширину слота или столбцы вспомогательных строк не выровнены с основной строкой и таблицей .

как я могу достичь своей цели?

Спасибо.

...