WHICH VERSION OF REACT ARE YOU USING?
Officially Supported:
[ ] v0.14.x
Community Supported:
[x] v15.0.x
WHICH BROWSER ARE YOU USING?
Officially Supported:
[ ] IE 9 / IE 10 / IE 11
[ ] Edge
[x] Chrome
Should work:
[x ] Firefox
[ ] Safari
I'm submitting a ... (check one with "x")
[x] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://github.com/adazzle/react-data-grid/blob/master/CONTRIBUTING.md
Current behavior
Setting enableCellSelect={false} doesn't prevent cell selection and navigation
Expected/desired behavior
Setting enableCellSelect={false} prevents cell selection and navigation
Reproduction of the problem
https://codepen.io/anon/pen/rjQdwz?editors=0010
Just noticed that the selection is CSS only. Just need to override the default style:
.react-grid-Cell:focus {
outline: none;
}
.react-grid-Cell:focus { outline: none; }
This does not work/no longer works for me. I was able to remove the selection border in my stylesheet by overriding this:
.rdg-selected {
border: none !important;
}
is there any solution for this, I want to make some columns selectable and some not
Is there still no fix to this?
Most helpful comment
Just noticed that the selection is CSS only. Just need to override the default style: