Question

Whenever I call trigger(“reloadGrid”) on a JqGrid, it clears the existing table, displays a “loading” message, and then regenerates the existing data – the whole process just takes a few milliseconds, but it makes the user interface feel unpolished if it happens a lot. Is it possible to stop it from clearing and showing the loading message, and just replace with the latest dta?

Answer 1

Unfortunately jqGrid clears out the contents of the table before making the AJAX call, so as long as it’s waiting for an answer, the table is empty.

This is less of an issue if you use a fixed-height table with scrolling, but in most cases I have fairly short tables and prefer to display the full contents at once and just scroll down on the page as necessary. The following tweak applies a min-height value to the wrapper div around each table each time the table is loaded (this needs to be called from gridInitialized()):

        function freezeHeight() {
            var $tableWrapper = getContainer($grid).find(".ui-jqgrid-bdiv");
            $tableWrapper.css("min-height", $tableWrapper.outerHeight());
        }