How do I remove gridlines (borders) in a React-Data-Grid?

Question

I'm trying to remove gridlines from a basic table. Here is a codesandbox: https://codesandbox.io/s/rdg-cell-editing-u2ood.

How do I do it? Do I need to manually override internal css classes or is there a props to do this?

Override style causing unwanted behaviour. `.react-grid-Cell { border: 0 }` — jank, Jul 12 '19 at 06:18

ravibagul91 · Answer 1 · 2019-07-12T06:40:52.990

1

You need to use CSS to remove border, there is no props to do it.

.react-grid-Cell {
  border: none;
}

edited Jul 12 '19 at 06:40

answered Jul 12 '19 at 06:31

ravibagul91

score 0 · Answer 2 · answered Jul 12 '19 at 06:16

0

Seems like there is no props to remove the border. You can do this by overriding the border attributes of class .react-grid-Cell .

answered Jul 12 '19 at 06:16

Harikrishnan

2 Answers2