Ошибка: Uncaught Неверное свойство: адаптивный в jqxGrid

Question

Я пытаюсь создать демо Adaptive Grid Layout но когда я устанавливаю свойство adaptive: true

, выдается ошибка:

jquery. js: 3827 Uncaught Недопустимое свойство: adaptive

Вот мой сценарий:

$("#grid").jqxGrid({
        width: 100,// getWidth('Grid'),
        source: dataAdapter, 
        sortable: true, 
        enabletooltips: true,
        editable: true,
        autoloadstate: false,
        autosavestate: false,
        columnsresize: true,
        columnsreorder: true,
        adaptive: true, // here a main property
        showtoolbar: true,
        rendertoolbar: function (toolbar) {
            var me = this;
            var container = $("<div style='margin: 5px;'></div>");
            toolbar.append(container);
            container.append('<input id="excelExport" type="button" value="Export to Excel" />');
            container.append('<input id="addrowbutton" type="button" value="Add New Row" />');
            container.append('<input style="margin-left: 5px;" id="deleterowbutton" type="button" value="Delete Selected Row" />');
            container.append('<input style="margin-left: 5px;" id="savestatebutton" type="button" value="Save Layout" />');
            $("#addrowbutton,#deleterowbutton,#excelExport,#savestatebutton").jqxButton();
            $("#excelExport").click(function () {
                $("#grid").jqxGrid('exportdata', 'xls', 'jqxGrid', false);
            });
            $("#savestatebutton").click(function () {
                localStorage["grid"] = { state: $("#grid").jqxGrid('savestate') };
            });
            // create new row.
            $("#addrowbutton").on('click', function () {
                var datarow = {};//generaterow();
                var commit = $("#grid").jqxGrid('addrow', null, datarow);
            });
            // delete row.
            $("#deleterowbutton").on('click', function () {
                var selectedrowindex = $("#grid").jqxGrid('getselectedrowindex');
                var rowscount = $("#grid").jqxGrid('getdatainformation').rowscount;
                if (selectedrowindex >= 0 && selectedrowindex < rowscount) {
                    var id = $("#grid").jqxGrid('getrowid', selectedrowindex);
                    var commit = $("#grid").jqxGrid('deleterow', id);
                }
            });
        },
        columns: [
            { text: 'Product Name', columngroup: 'ProductDetails', datafield: 'ProductName', width: 250 },
            { text: 'Owner', columngroup: 'ProductDetails', datafield: 'Owner', width: 250 },
            { text: 'Quantity per Unit', columngroup: 'ProductDetails', datafield: 'QuantityPerUnit', cellsalign: 'right', align: 'right', width: 200 },
            { text: 'Unit Price', columngroup: 'ProductDetails', datafield: 'UnitPrice', align: 'right', cellsalign: 'right', cellsformat: 'c2', width: 200 },
            { text: 'Units In Stock', datafield: 'UnitsInStock', cellsalign: 'right', cellsrenderer: cellsrenderer, width: 100 },
            { text: 'Discontinued', columntype: 'checkbox', datafield: 'Discontinued' }
        ],
        /*columngroups: [
            { text: 'Product Details', align: 'center', name: 'ProductDetails' }
        ]*/
    });

вот я перешел по ссылке на исходный код: https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos / jqxgrid / grid-adaptive-layout.htm