React-data-grid: Can't disable cell select - enableCellSelect={false} doesn't work

Created on 10 Feb 2017  路  4Comments  路  Source: adazzle/react-data-grid

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

Most helpful comment

Just noticed that the selection is CSS only. Just need to override the default style:

.react-grid-Cell:focus {
   outline: none;
}

All 4 comments

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?

Was this page helpful?
0 / 5 - 0 ratings