angular-vs-repeat
angular-vs-repeat copied to clipboard
Performance issue with Table
I am using angular vs repeat to render 8k rows in a table. If I use vs-repeat for table head, the rendering was very slow.
`
{{::row[listColumns[0].colName]}} | {{::row[listColumns[1].colName]}} | {{::row[listColumns[2].colName]}} | {{::row[listColumns[3].colName]}} | {{::row[listColumns[4].colName]}} |
If I use vs-repeat without tables, in my case I used divs. Its rendering very fast
<div vs-repeat class="table-body"> <div class="row" ng-repeat="row in list track by $index"> <div class="col-md-4">{{::row[listColumns[0].colName]}}</div> <div class="col-md-2">{{::row[listColumns[1].colName]}}</div> <div class="col-md-2">{{::row[listColumns[2].colName]}}</div> <div class="col-md-2">{{::row[listColumns[3].colName]}}</div> <div class="col-md-2">{{::row[listColumns[4].colName]}}</div> </div> </div>
Please suggest how to improve performance for table?
Hello #pavanKumarKaviliga, how did you maintain ur table? Can you provide some hint. I am also trying to implement it, but it doesnot work with rowspan and table
How did you guys worked around this ? I'm struggling with the same thing