Vuetify Align столбцы нижнего колонтитула с столбцами таблицы в таблице данных - PullRequest
Новая
       33

Vuetify Align столбцы нижнего колонтитула с столбцами таблицы в таблице данных

1 голос
/ 31 марта 2020

У меня есть дата (vuetify 2.1.12) с slot = "items" и slot = "footer". В нижнем колонтитуле я не хочу отображать сумму некоторых столбцов. «Проблема» в том, что столбцы в нижнем колонтитуле совсем не соответствуют столбцам в таблице.

В основном я делаю это в таблице данных: 

             <template v-slot:item="props">
                <tr>
                  <td>{{ props.item.qty }}</td>
                  <td>{{ props.item.qtyBoughtToday }}</td>
                  <td>{{ props.item.shortName }}</td>
                </tr>
              </template>
              <template slot="footer">
                <tr>
                  <td></td>
                  <td>{{ sumQtyBoughtToday }}</td>
                  <td></td>
                </tr>
             </template>

является то, что столбец нижнего колонтитула "sumQtyBoughtToday" не заканчивается в том же месте, что и столбец props.item.qtyBoughtToday.

Итак ... как это сделать? 1009 * это?

1 Ответ

0 голосов
/ 31 марта 2020

Я думаю, вы ищете слот body.append вместо footer ... 

 <template slot="body.append">
      <tr>
          <td></td>
          <td>{{ sumQtyBoughtToday }}</td>
          <td></td>
      </tr>
 </template>

Пример: https://codeply.com/p/kIlxX2jTZ1

...