I am using ag-grid-react in my react application and pinned a row in table. I want to update the column values in the pinned row. How to do it?
To put pinned rows into your grid, set pinnedTopRowData or pinnedBottomRowData in the same way as you would set normal data into rowData.
After the grid is created, you can update the pinned rows by calling api.setPinnedTopRowData(rows) and setPinnedBottomRowData(rows).
Related
I am trying to persist the column order of the dataGridPro table in Material UI. As you know, we can simply allow all column reordering by dragging the header column and moving them left or right. But the column order would be initialized after the page reloading.
By default, columns are ordered according to the order of the columns array.
Should I store the updated array in the backend database or other storage? How can I implement this functionality and which choice would be preferable?
I am looking forward to your answer.
Expected behavior
Persist the column order after the page reloading or page navigation
I want to access all rows after anyone filters a data after lookup selection.
For example, here I should get second row data after istanbul is selected. Is there any functionality resonating the feature of what we can call as "onLookupChange" in Material Table?
In ShieldUI (1.7.13) Grid
How can I have a row count beside each record in a grid?
This is not data from the JSON which provides the other data for the Grid.
Situation, I am scrolling a list of hundreds of records and want to provide the consumer of the data the row number of the various rows in the grid.
Similar to the row number in any popular spreadsheet application (Excel, Google Sheets, etc.)
You can add a new column as the first one, specifying a custom columnTemplate for it. In there you can show the current index of each row.
More information is available here:
https://www.shieldui.com/documentation/grid/javascript/api/settings/columns/columnTemplate
I am aware of what a RowExpander plugin is for a Grid, where each row in a Grid expands to show it's childs or related store data. My requirement is a bit different.
I need multiple Grids on a page. Each Grid is loaded with data from different backend DB tables TB1, TB2, TB3.
However, each of the backend DB tables have a one to many relationship with each other. That is, each row in TB1 has multiple rows in TB2. One row in TB2 has multiple rows in TB3.
Now, I need one grid for each of these tables on UI. And then if I select a particular row in the first Grid ( relavant to TB1 ), I should populate the second grid with the relavant records from TB2. And then if I select a row in the grid corresponding to TB2, I should populate third grid with all the records relavant to the row selected from TB3.
I hope I am clear. Could you please help me with any sample code that you might have?
Subscribe to select (http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.Panel-event-select) event of the TB1 and then filter store associated TB2 with whatever filter criteria you need - this way second grid will be automatically filtered to the records you need to show.
I have to create a grid which allows sorting and filtering. Currently I am able to achive this by binding PagedCollectionView of the data. I would like allow user to insert or delete row from the grid with context menu. User can select a row and right click on the context menu and insert or delete a row. I can delete the current row, but adding row got me stumped. When I insert a new row and since I do not know any values, I insert a blank row and that end up coming at the end of the grid.
One solution I am working on is to copy the previous row of the gird and using converter, if the row is dirty display blank.
Just curious, is there a better way of inserting row at current place in a grid while keeping sorting and filtering in place?
Thanks,
Just in case anyone is interested, what I ended up doing is insert the row in the grid manually with out paged collection view to keep the sorting and in the code behind insert a dummy row.