时间戳

首页 > 解决方案 > 更改 Quasar 表中的特定列

vue.js - 更改 Quasar 表中的特定列

问题描述

如何更改 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>

标签： vue.jsvuejs2vue-componentquasar-frameworkquasar

解决方案

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

如果在这个例子中你想用protein你需要调用那个槽的属性来改变第五列body-cell-protein

推荐阅读