StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>These are general observations I've made with regard to JQGrid and IE >= 7. I've seen you example pages and many of these won't affect your specific situation.</p> <ul> <li>IE doesn't handle large javascript well - keep your javascript small and it will <strong>load</strong> jqgrid faster.</li> <li>Don't pass html elements when loading the grid, building them after the load improves initial <strong>load</strong> speed. </li> <li>If you can - Use paging, this will improve <strong>load</strong> speed and <strong>interactive</strong> states.</li> <li>You can load you whole grid data at once and still include paging - no need to call the server multiple times. This will slow initial load, but improve paging speeds.</li> <li>If you can, add this :<code><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /></code> to the head of your html. It will run IE 8 in IE 7 mode, which I find works faster with JQGrid.</li> <li>Event propagation in jquery, so adding an event listener to a parent with children will also activate that event on the children. When interacting with other DOM object, keep this in mind. Jquery .hover prevents propagation.</li> <li><strong>This is an important one - :hover in IE is slow and really really slow in IE 8!</strong> </li> <li>Jquery theme roller - The Interaction states section uses :hover on a tags and when hovering inserts a background image, which when removed improves performance a lot I find. So for exmaple <code>background: #5d5f69 url(/content/images/ui-bg_flat_75_5d5f69_40x100.png) 50% 50% repeat-x;</code> should be <code>background: #5d5f69;</code> This improves <strong>interactive</strong> states.</li> </ul> <p>Let me know you findings - I'm still looking for ways to improve my grid speed too.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload