更改Quasar表中的特定列

Posted 2023-02-01

如何更改Quasar表中特定列的样式？我阅读了文档，但没有看到在不定义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>

答案

您提供的示例来自正确的Quasar Docs。它适用于第一列，因为第一个属性的名称是name-因此body-cell-name。

如果在此示例中，您想使用属性protein更改第五列，则需要调用该插槽body-cell-protein