Description
Hi ,
We are using angular 3.1.1 version of ui grid .Data rendered as a grid takes time in Chrome and worse in IE(Like page not responding).I have 40 Rows and 80+ Columns.
column definitions are [
//Default Columns
{
name: 'ALERTS',
field: 'alertCount',
type: 'number',
displayName: 'AC',
menuDisplayName: 'Alert Count',
headerTooltip: 'Alert Count',
enableFiltering: false,
menuCategory: 'ORDER',
enableCellEdit: false,
cellTemplate: 'grid/templates/standard-cell-template.html',
headerCellTemplate: "grid/templates/header-cell-template.html",
cellClass: function (grid, row) {
return grid.appScope.getAlertsClass(row.entity) + ' cell-right';
},
allowCellFocus: false,
visible: true,
width: 60
},...],
in html
"div id="reviewGrid" ui-grid="gridOptions" class="grid"
ui-grid-selection
ui-grid-edit
ui-grid-resize-columns
ui-grid-move-columns
ui-grid-cellNav
ui-grid-save-state
ui-grid-pinning
ui-grid-infinite-scroll
ui-grid-auto-resize
"
This is how we are loading the Grid .I have tried in all aspects like infinite scroll , (::)watchers and even 4.x version but still it remains the same(Performance) .
Blank space is displayed while scrolling the grid faster.
I think the above is sufficient to resolve the issue.I need to deliver it on Friday .
If any help would be appreciated
Activity
abhipanda commentedon Jun 24, 2017
It seems you have more columns than rows - shouldn't you reverse the order. Make rows to columns and vice versa.
mportuga commentedon Aug 1, 2017
One of the likely cause for it is #6348