jqgrid如何渲染表格数据_JQGrid渲染性能

我们有JQgrid渲染的性能问题。请指教。 JQGrid v4.3.2，jquery-1.7.2.min.js，jquery-ui-1.8.1.sortable.min.js，jquery-ui-1.8.20.custom.min.js 浏览器：IE6浏览器：http：//www.jqgrid.org/ ，7JQGrid渲染性能

每个用户都以2个网格显示数据 - actions和fyi's。典型的数据范围是每个网格约300行。列的列表可能因用户组而异，因此colModel结构是动态的。获取数据后，我们将条件样式应用于每一行(如加粗或不加等)并更改数字格式。

网格代码示例是如下：

jQuery('#ActionItems').jqGrid({

url: 'http://actionsurl',

mtype: 'GET',

datatype: 'json',

page: 1,

colNames: actionsColNames,

colModel: actionsColModel,

viewrecords: true,

loadonce: true,

scrollrows: false,

prmNames: { id: "PrimaryID" },

hoverrows: false,

jsonReader: { id: "PrimaryID" },

sortname: 'CreateDt',

sortorder: 'desc',

gridComplete: function() {

fnActionsGridComplete();

},

recordtext: "Displaying {1} of {2} Records",

emptyrecords: "No data to view",

emptyDataText: "No data found.",

loadtext: "Loading...",

autoWidth: true,

rowNum: 1000,

grouping: true,

groupingView: groupingViewOp

});

格式码中fnActionsGridComplete()：

在％设定列宽度

迭代通行应用条件CSS样式 $("#Actions").find("tbody tr").each(function() {

if ($(this)[0].id != '') {

var data = $(this).find('.IsItemNew').html();

if(data == "Y") {

$(this).css("fontWeight", "bold");

}

}

});

格式化特定栏目。

目前，我们在任何网格中存在> 200行数据的性能问题。经过分析，我们发现格式化和渲染花费了大部分时间。

您可以在此建议任何优化方法来提高性能。 (分页的禁忌)

问候， 拉贾尼

- 我们做测试的IE9和它的好多了。但用户无法立即升级。