如何在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