изменить столбец c в таблице Квазара

Question

Как изменить стиль указанного столбца c в таблице Квазара? Я прочитал документацию, но я не видел, как я могу изменить ее, не определив все столбцы на странице макета Vue.

Это работает, но в первом столбце.

<template v-slot:body-cell-name="props">
    <q-td :props="props">
      <div>
        <q-badge color="purple" :label="props.value" />
      </div>
      <div class="my-table-details">
        {{ props.row.details }}
      </div>
    </q-td>
</template>

Answer 1

Пример, который вы предоставили, взят из правильных документов Quasar . Это работает для первого столбца, потому что имя первого свойства - name - отсюда body-cell-name.

Если в этом примере вы хотите изменить пятый столбец со свойством protein, вам необходимо вызвать этот слот body-cell-protein