React Table / General

Changing the column dividers style


June 5, 2018 · 1:07pm

I'm not sure if there's an official way of doing this or not, but it looks like you can override the table CSS fairly easily. For example, to get the column dividers to be red like in your example above, you can add a line to your CSS of:

  • reply
  • like
.ReactTable .rt-tbody .rt-td {
border-right: 1px solid red;
}

  • reply
  • like

You may need to locate it based on the containing view just for CSS specificity issues, but that's where I'd start - good luck!

like-fill
1
  • reply
  • like

June 6, 2018 · 2:05am

It worked great! Thank you :)

  • reply
  • like

June 6, 2018 · 11:46am

Glad to hear it! (:

  • reply
  • like

June 12, 2018 · 1:12pm

Is there a way to implement it to only some columns?

  • reply
  • like

June 16, 2018 · 8:10pm

You could use any of the the columns' getProps callbacks

  • reply
  • like

and return some custom styles

  • reply
  • like

June 17, 2018 · 12:53pm

thanks

  • reply
  • like
Your message here...

*bold*_italic_`code````codeblock```