相关疑难解决方法(0)

如何更改列的CSS - ReactTable

我在我的应用程序中使用react-table.

我被困在做一两件事,即改变CSScolumns同时,一列正在调整.

目前,当您resize的列只cursor更改时.我想要的是添加borderselected column.

我搜索了这对SOgoogle也.但找不到任何有用的东西.在文档中也没有提到关于这个主题的内容.

更新

现在,我可以在调整大小时拖动列时添加边框.我可以通过添加和删除类来实现.

我这样做了:

为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)

css resize reactjs react-table

10
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

react-table ×1

reactjs ×1

resize ×1