Geek Answers Handbook

How to update UI-Grid layout after data reload

I have a problem with Angular UI-Grid ( http://ui-grid.info/ ). The grid is executed in a modal window that appears after pressing the user button. The service works this way: the user selects a data set for preparation and pressing a button. After clicking the button, the website sends a request for a holiday service to receive data. After receiving the data modal with the table is shown. The number of columns depends on the data requested by the user.

The problem is that after the user changes the column width and approaches this table, the UI-Grid “remembers” this column width that the user left. If then the user selects a different data set, I clear the GridOptions object and fill it again after receiving the data. The problem is that the line width remains in the previous state. I have tried so far:

  • using the apis method core.refresh()- during debugging, I see that this method fires some kind of event, but does not affect my grid,
  • delete the entire DOM node and add it again before receiving a response with new data.
  • various different hacks trying to use the many methods found inside the grid api - no success whatsoever.

I am sorry that I cannot reproduce this in any violin, but it would be very difficult, I am afraid to match my case.

Any help would be greatly appreciated. Thanks

ps. this also applies to my other table where the user can commit and hide columns. Attached / hidden columns remain hidden / attached after receiving new data. And it’s not cool.

+4
source share
1 answer

Once you set the data to the grid, you should call this -

gridApi.core.notifyDataChange( uiGridConstants.dataChange.ALL)

In documents

Tells us that a data change has occurred that is used in a public api for users to tell us when they changed data or some other event that our watches cannot pick up

notifyDataChange , columnDefs .

thread

+1

More articles:


All Articles