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

Question

[maytilex]

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

Как выглядит таблица:

Таблица с возможностью выбора строк

Answer 1

[0xD34F]

Что-то не видать в документации соответствующей настройки (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>

Comments

[maytilex]

Низкий Вам поклон, многоуважаемый господин