q-table 设置行高亮没有效果

如果在 Vue Quasar Q-Table 中设置行高亮没有生效，可能是因为 CSS 类没有正确应用到行上。

在 `q-table` 组件上使用 `row-class` 属性来为行设置 CSS 类，该属性接受一个函数，该函数返回一个 CSS 类名。

确保你在该函数中正确地检查了每一行的数据，并根据需要返回正确的 CSS 类名。

以下是一个示例代码：

<q-table
  :rows="rows"
  :columns="columns"
  :row-class="getRowClass"
/>

<script>
export default {
  data() {
    return {
      rows: [
        { name: 'Alice', age: 25 },
        { name: 'Bob', age: 30 },
        { name: 'Charlie', age: 35 }
      ],
      columns: [
        { name: 'Name', field: 'name' },
        { name: 'Age', field: 'age' }
      ]
    }
  },
  methods: {
    getRowClass(row) {
      if (row.age > 30) {
        return 'highlighted-row'
      }
    }
  }
}
</script>

<style scoped>
.highlighted-row {
  background-color: yellow;
}
</style>

在上面的代码中，我们定义了一个 `getRowClass` 函数来检查每一行的数据。如果行的 `age` 字段大于 30，该函数返回 `highlighted-row` 类名。在样式中，我们定义了一个 `.highlighted-row` 类来设置行高亮的样式。

如果你的 CSS 类在样式中定义了，但仍然没有正确应用到行上，你可以检查一下样式是否被正确加载。