Initial collection fetch causes table rows to double render

[geralddzx]

When you initially fetch a collection, the collection will trigger add events on each model and trigger a sort event on the collection. Each add event will cause a new backgrid row to be rendered and inserted. The sort event will cause the entire body to refresh will will rebuild and render each row. I have only been able to get around this by fetching all my collections with reset true, which will not trigger add events on each fetched model. It feels like backgrid should have some way of handling this.

[AbhishekPatil9844]

Make sure instead of append you are using html to element. Example this.$('#tableList').html(grid.render().el);