как получить доступ к индексу заголовка в 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>

Источник