React- bootstrap -table2 - Невозможно добавить класс в столбцы - PullRequest
0 голосов
/ 07 августа 2020

Я работаю над response- bootstrap -table2 и хочу настроить столбцы заголовков:

Вот мой bootstrap код таблицы:

 <BootstrapTable  keyField='uniqueid' data={ this.state.productsData } columns={ columns }  expandRow={ expandRow }  remote={true} striped hover pagination={ paginationFactory(options)}>      
 </BootstrapTable>

Вот мой код столбцов :

 const columns = [
      { dataField: 'uniqueid', text: 'Unique Id'},
      { dataField: 'userfield', text: 'Call Type'}
 ]

Я не могу добавить класс в эти столбцы. Пробовал использовать следующий код:

 { dataField: 'uniqueid', text: 'Unique Id', className: "phone-th1" },
 { dataField: 'userfield', text: 'Call Type', className: "phone-th2" }

1 Ответ

2 голосов
/ 07 августа 2020

Используйте headerClasses вместо className следующим образом:

const columns = [
    { dataField: 'uniqueid', text: 'Unique Id', headerClasses: "phone-th1" },
    { dataField: 'userfield', text: 'Call Type', headerClasses: "phone-th2" }
]
...