我在我的应用程序中使用react-table.
我被困在做一两件事,即改变CSS的columns同时,一列正在调整.
目前,当您resize的列只cursor更改时.我想要的是添加border到selected column.
我搜索了这对SO和google也.但找不到任何有用的东西.在文档中也没有提到关于这个主题的内容.
更新
现在,我可以在调整大小时拖动列时添加边框.我可以通过添加和删除类来实现.
我这样做了:
为className创建了一个var的状态:
this.state = {
addBorder: null
}
Run Code Online (Sandbox Code Playgroud)
在我的专栏中传递了这个类名:
const columns = [{
Header: 'Name',
accessor: 'name', // String-based value accessors!,
headerClassName: this.state.addBorder,
className: this.state.addBorder
}, {
Header: 'Age',
accessor: 'age',
Cell: props => <span className='number'>{2}</span> // Custom cell components!
}, {
id: 'friendName', // Required because our accessor is not a string
Header: 'Friend …Run Code Online (Sandbox Code Playgroud)