angulargrid | Pinterest like responsive masonry grid system | Grid library

Please note that I'm the author of Angular-Slickgrid and you opened an issue with the same question on GitHub, I'll simply reply with the same answer here

a reset is a reset, so it won't keep that. But I added the Row Selection in the Grid State not that long ago, so you could get it from there (just check the Grid State/Presets - Wiki. Dynamically adding a new column can be seen in this Example 3, you should look at the code on how to make it show up correctly (you can't just add it, you need to manually trigger a dirty change call, look at the example code for that)

Also to add a bit more to this, SlickGrid Row Selection is by row index, it's not by row data. Meaning that if your data changes when you refresh or something and you keep the row selection it will not synched anymore... all that to say, just remember, it's a row index, so pay attention when you want to keep or want to reapply a row selection.

If it's just to row selection that you lose, just save it before adding a column and put back the selection after adding the column. It's simple, get the row selection (with getSelectedRows) before you change the column definitions, add your new column and then put back the selection (with setSelectedRows).

Note that I'm the author of Angular-Slickgrid and I did not try the code below but I expect it to work.

First of, you should also define a height with preHeaderPanelHeight (default is 25) and then you assume that the option will redraw the grid and everything and that is where you misunderstand how it works, it's just an option it doesn't do anything by itself. It should work if you first create the preheader in your grid options but just don't show it if you don't want it to show up at first and then later you call the method to toggle its visibility which is setPreHeaderPanelVisibility

There was a small breaking change in version 2.15.x of Angular-Slickgrid, I added a new Type GraphqlPaginatedResult when using Pagination and GraphqlResult when you're not, it's more representative of which one is which. So you just need to switch your Type to GraphqlPaginatedResult. I didn't want to release a breaking version (3.x) just for that 1 small Type change (and I thought no one were using the GraphQL portion lol), so you'll need to update your code (just do a find+replace from GraphqlResult to GraphqlPaginatedResult).

I have resolved by adding the style to the container as below and wrapped that with

First of, you're using updateDataGridItem() which is an old and deprecated method, you're supposed to get console warning in your browser telling you to use the newer updateItem() method.

Second, you provided your Grid Options but that has nothing to do with grid rendering and/or update. What you should have included in your question is the entire code for the update item part. Since you didn't include that part, I can only assume that you're doing just that item update and nothing else!?! but that is just an assumption...

If you use the newer updateItem() method, you can provide some extra options in the 2nd argument, one of which is the highlightRow (which is enabled by default) which will probably re-render the grid couple times, you can disable it like so

Please note that I'm the author of Angular-Slickgrid.

I agree that it was challenging to do this in prior version, so to deal with this I added new references to the SlickGrid, DataView references and also Parent Component instance to the Row Detail extension, so you can now access all of these new references into your Child Component. To get advantage of these new changes, please update to the latest Angular-Slickgrid version 2.16.x.

Now with these references you can take advantage of them and change your Row Detail Child Component to the following

You can see a live demo of your question (how to delete a row from the Child Component) in the updated Row Detail Example and I have also updated the Row Detail Wiki

Child Component - Row Detail View