цвет одного ряда таблицы antd на основе условия

Я использую antd-таблицу в своем проекте. Я хочу изменить цвет одной строки таблицы, если IsDefaultAccount = true, где IsDefaultAccount из задней части

Код таблицы на странице index.js :

<Table
                    className="table-layout"
                    columns={this.state.columns}
                    dataSource={filteredData}
                    rowClassName='data-row'
                    bordered={true}
                    size={"small"}
                    onRowDoubleClick={ (record, index, event) => this.handleEditModal(record) }
                    onRowClick={(record, index, event) => this.handleRowClick(record)}
                    loading={this.state.loading}
                    pagination={{ pageSize: 14 }}
                />

Всего 1 ответ


Предполагая, что каждый элемент данных состоит из свойства IsDefaultAccount :

<Table
  className="table-layout"
  columns={this.state.columns}
  dataSource={filteredData}
  rowClassName={(record) => record.IsDefaultAccount ? 'data-row active-row' : 'data-row' }
  bordered={true}
  size={"small"}
  onRowDoubleClick={ (record, index, event) => this.handleEditModal(record) }
                    onRowClick={(record, index, event) => this.handleRowClick(record)}
  loading={this.state.loading}
  pagination={{ pageSize: 14 }}
/>

Дайте мне знать, если это сработает.


Есть идеи?

10000