Пользовательский интерфейс элемента, передача идентификатора в столбец таблицы с флажком

Question

Есть ли способ передать идентификатор в el-table-column с типом selection? Я пробовал передать слот, но флажок не отображается. Вот код:

<el-table-column>
    <template slot-scope="scope" v-if="scope.row">
      <div :id="`column-${scope.row.name}`">{{ `reports-${scope.row.name}` }}</div>
    </template>
  </el-table-column>
  <el-table-column prop="selected" align="center" type="selection" class-name="checkbox-column">
</el-table-column>

Первый столбец получает идентификатор через слот с заданной областью.

Answer 1

Вместо ID, если вас устраивает class, используйте cell-class-name

в своем template

<el-table your-attrs ...  :cell-class-name="cellClassName">

в своем script

methods: {
  cellClassName({row, column, rowIndex, columnIndex}) {
    if (columnIndex === 1) return `checkbox-${rowIndex}`;
  }
}