@maytilex

Как переместить колонку с checkbox вправо, в компоненте QTable, Quasar?

Всем доброго времени суток, в компоненте таблиц, фреймворка quasar, есть реализация выбора строк и колонка с чекбоксами добавляется слева, но я хочу добавить её справа.

Как выглядит таблица:
Таблица с возможностью выбора строк

6638fde56ff8c533045704.png
  • Вопрос задан
  • 92 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Что-то не видать в документации соответствующей настройки (UPD. Да её и нет, глянул в исходниках, как происходит добавление колонки с чекбоксами - unshift, и ничего больше). Давайте закостылим - добавляем колонку, которая будет дублировать данный функционал, а оригинальную спрячем:

const columns = [
  ...
  { name: 'selection' },
];

.xxx tr > :first-child {
  display: none;
}

<q-table
  ...
  table-class="xxx"
>
  <template #header-cell-selection="props">
    <q-th :props="props">
      <q-checkbox v-model="props.selected" />
    </q-th>
  </template>

  <template #body-cell-selection="props">
    <q-td :props="props">
      <q-checkbox v-model="props.selected" />
    </q-td>
  </template>
</q-table>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы