How do I customize row and column for 'react-table' library?

Question

This is the example table that I want to do

From the 'Yellow' highlight (row & column) color. I need to customize that data. And another data in the table work as 'react-table' do.

Thank you.

Hint: react-table.js.org/#/story/cell-renderers-custom-components — Hardik Modha
– Hardik Modha, Commented Oct 2, 2018 at 10:17

Pavel Tsiarletski · Accepted Answer · 2019-03-22 14:47:30Z

1

Using props. It's a simple.

For example:

columns: [ {
            Header: "data",
            accessor: "data",
            headerClassName: 'header_cell',
            className: 'table_cell'
        },{
            Header: {your data},
            accessor: {your data},
            headerClassName: 'header_cell'
        }]

and then use css.

answered Mar 22, 2019 at 14:47

Pavel Tsiarletski

111 bronze badge

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do I customize row and column for 'react-table' library?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related