Copy and select the text from ag-grid

@thirtydot I am not looking range selections, i am looking user can select the few or all text from a cell.

I use this CSS for some grids where it's useful for the user to be able to select and copy part of the text in a cell:

/* enable basic browser text selection in grid cells */
div.ag-root .ag-cell-focus {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

Some CSS that comes with ag-grid disables text selection in cells (with user-select: none;), presumably because it clashes with the range selection enterprise feature. That's not a problem for you though!


There is a flag which will allow you to select text and then CTRL+C will work.

[enableCellTextSelection]="true"
[ensureDomOrder]="true"

This is not an enterprise config and can be at any time to enable cell text selection.

The above CSS fix is not working in IE>10 versions. So, I thought this would be a better solution.

Docs: https://www.ag-grid.com/javascript-data-grid/selection-overview/