I am using grid version 3.4.
I have loaded the grid in tab control with 5100 records. I have enabled VirtualX: true and VirtualY: true
After I have loaded the data, the column resizing is very slowed also column selector checking and unchecking takes 1 minute.
The columns have range based filters. This is affecting grid performance.
e.g.
{
title: "Code",
width: 75,
copy: true,
dataIndx: "Code",
//filter: { type: 'textbox', condition: 'contain', listeners: ['keyup'], align: "center" },
filter: {
type: 'select',
attr: "multiple",
style: "height:11px;",
mode: "OR",
condition: "range",
valueIndx: "Code",
labelIndx: "Code",
prepend: { '': '--Select--', "%empty%": 'Empty' },
listeners: [
{
'change': function (evt, ui) {
$(this)
.closest(".pq-grid")
.pqGrid("filter",
{
oper: 'add',
data: [
{
dataIndx: ui.dataIndx,
condition: (ui.value == "%empty%" ? "empty" : "range"),
value: ui.value
}
]
});
}
}
],
init: function () {
$(this).pqSelect({ checkbox: true, radio: true, width: '100%' });
}
}