Is there a way to set the focus on a selected cell once the ag-grid is loaded? I already tried using "rowNode.setSelected(true)" but it is not working.
Related
What is the best practice to inform a user of Ag grid if a cell is editable or not visually?
Is it possible to change visual appearance of an editable cell in ag grid globally, like how it is done here. For partially editable cells there is a border around the value?
Or can we have a cell in always editable mode in ag grid?
Image courtesy: https://design.gs.com/components/grid
Is there a way to drag an item into an editable ag-grid cell?
I could not find anything in the ag-grid documentation. I could see some examples of the entire grid cell being dragged and dropped as well as dragging and dropping rows between grids, but nothing on an editable ag grid, an item being dropped into a grid cell
I want to show a popup kind of cell renderer when a cell is focused. For suppose, if the row height is 50px, when a specific cell is focused, I want to have a custom cell renderer that has a height greater than 50px(e.g., 80px). I have developed a custom cell renderer, but only the content which fits within the cell height(50px) is visible and the remaining content is cut off. I tried setting up absolute positioning,higher z-index etc., but nothing worked. For cell editors, we can specify isPopup(){ return true }. Is it possible to have the same thing for cell renderer as well?
I don't think that it is possible to create a renderer that displays outside of the cell.
There is no API that I'm aware of to do it. Perhaps someone can come up with some sort of "hack", but just short of that, no.
Documentation addresses only the event handling https://adazzle.github.io/react-data-grid/#/examples/cell-selection-events.
Are there any CSS classes that are assigned to the selected cell? Currently the selected cell has pale blue border but I would like to change this. Such change of style is not possible with ReactDataGrid.onCellSelected, because the formatter.render() event is fired first and only then onCellSelected event is fired. Yes, I can read the coordinates of the selected cell in onCellSelected, but I can not use those coordinates for formatting, because formatter.render() is executed before onCellSelected, i.e., coordintates of new newly selected cell are not available in the time moment when they should be read.
I do not consider this as bug, of course, there should be another mechanism how one can format the selected cell, but at present I can not find this mechanism in documentation. I went through the generated code in web console and I did not managed to find any additional class name that could have been added to the selected cell by the grid.
So, what is the right mechanism how to format the selected cell?
Maybe I can call (somehow) formatter.render() of the selected cell inside onCellSelected somehow? And that would solve my issue?
I have a SELECTABLE telerik grid with a checkbox column. When the checkbox is selected I change the background color of the row to yellow using javascript.
I would like to restore the original css of the grid when the checkbox is deselected using javascript. I can toggle the row background color but because the grid is selectable the css doesn't act the same way the default grid. This is having alternating background colors for rows and a row hover background color change.
Is this possible, and how is it done? Thanks.
Telerik mvc grid has built in row selection capabilities. Take a look at this page : Client Side Selection in TELERIK MVC GRID.
Only adding the following to your grid
.Selectable()
.ClientEvents(events => events.OnRowSelected("onRowSelected"))
should work