如何访问 vue-good-table 中的标头索引

Question

如何在分组表中访问这些标头的索引？

table_screenshot

Answer 1

我才发现，答案就在图片中

{{props.row.vgt_id}}

Answer 2

您可以使用props.column 获取列名。 props.column 将为您提供完整的列对象，以便您可以从中获取索引。 props.column.field 会给你列名title。

1. 您可以使用props.column.originalIndex检查索引
2. 原来的行对象可以通过props.row访问
3. 当前显示的表格行索引可以通过props.index访问。
4. original row index 可以通过props.row.originalIndex 访问。
5. 然后您可以使用rows[props.row.originalIndex] 访问原始行对象。
6. 列对象可以通过props.column访问
7. 您可以通过props.formattedRow 访问格式化的行数据（例如 - 格式化的日期）

例如：

<vue-good-table
  :columns="columns"
  :rows="rows">
  <template slot="table-row" slot-scope="props">
    <span v-if="props.column.field == 'age'">
      <span style="font-weight: bold; color: blue;">{{props.row.age}}</span> 
    </span>
    <span v-else>
      {{props.formattedRow[props.column.field]}}
    </span>
  </template>
</vue-good-table>

Source