I am creating a map using javascript on pageload and need to use this map values in a table, which has custom field renderer on few columns

So created map on page load and i am calling

skuid.$C(‘HomepageMas’).render(); after the map is created, so that the updated values will be displayed by the cutom field renderer on columns.

The values in the columns are displayed properly from my Map, but the pagination is getting disturbed.

The pagination moves from bottom of the page to the top of the page on my table header, after skuid.$C(‘HomepageMas’).render() is called and columns are loaded with correct values.

I alternatively tried using skuid.$M(‘model’).sync() on page load after the map is created,this doesn’t affect the pagination, but it causing another problem as described below.

I have template to select a team in my page, when i change the team, the values in my map get changed so i again call skuid.$M(‘model’).sync()

The below result is observed when i use sync()

When i select a team for

First time : the table renders properly

Second time : the table renders properly

From 3rd time onward’s the table remains blank.