Grid Performance

The wijgrid widget provides smooth scrolling and seamless keyboard navigation even for large data. Users can set the allowVirtualScrolling option to true for efficient grid performance. This option allows wijgrid to render only those rows that are visible on the grid viewport and a buffer to reduce flicker and increase grid performance.

Wijgrid loads large number of records ranging from 500 to 500,000 in the same amount of time with efficient scrolling speed. The script below sets the allowVirtualScrolling option to true, and displays 10,000 records.

Live Widget
Script

Script	Copy Code
<script id="scriptInit" type="text/javascript"> require(["wijmo.wijgrid"], function () { $(document).ready(function () { $("#demo").height(300).wijgrid({ data: (function(count) { var arr = []; for (var i = 0; i < count; i++) { arr.push({ ID: i, Name: "Cell" + i, Value: "Value" + i }); } return arr; })(10000), scrollMode: "auto", allowVirtualScrolling: true }); }); }); </script>

Script

Copy Code

<script id="scriptInit" type="text/javascript">
    require(["wijmo.wijgrid"], function () {
        $(document).ready(function () {
            $("#demo").height(300).wijgrid({
                data: (function(count) {
                    var arr = [];

                    for (var i = 0; i < count; i++) {
                        arr.push({
                            ID: i,
                            Name: "Cell" + i,
                            Value: "Value" + i
                        });
                    }
                    return arr;
                })(10000),
                scrollMode: "auto",
                allowVirtualScrolling: true
            });
        });
    });
</script>

Reference

allowVirtualScrolling Field