закрасить одну строку таблицы antd в зависимости от условия - PullRequest
Новая
       6

закрасить одну строку таблицы antd в зависимости от условия

0 голосов
/ 08 ноября 2018

Я использую таблицу 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 Ответ

0 голосов
/ 08 ноября 2018

Предполагая, что каждый элемент данных состоит из свойства 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 }}
/>

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

...