Somehow resize feature doesn't work, I have searched thru formus but didn't find more info. Can you please let me know what am I missing here?

Code Snippet:

    <link type="text/css" href="jquery/uiBlue/css/redmond/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
    <link type="text/css" href="C:/Program Files/Infragistics/NetAdvantage 2011.2/jQuery/themes/base/ig.ui.min.css" rel="stylesheet" />
    <script type="text/javascript" src="C:/Program Files/Infragistics/NetAdvantage 2011.2/jQuery/demos/scripts/jquery-ui.min.js"></script>
    <script type="text/javascript" src="C:/Program Files/Infragistics/NetAdvantage 2011.2/jQuery/js/combined/min/ig.ui.min.js"></script>

   - - - - -

   - - - - -

        var gridPageSize;

        $("#dataGrid").igGrid({
            autoGenerateColumns: false,
            defaultColumnWidth: "100px",
            columns: [
                 { headerText: "Item", key: "ProductID", dataType: "number" },
                 { headerText: "Description", key: "Name", dataType: "string", width: "150px" },
                 { headerText: "ProductNumber", key: "ProductNumber", dataType: "string" },
                 { headerText: "Color", key: "Color", dataType: "string"},
                 { headerText: "SafetyStockLevel", key: "SafetyStockLevel", dataType: "string" },
                 { headerText: "ReorderPoint", key: "ReorderPoint", dataType: "number" },
                 { headerText: "ListPrice", key: "ListPrice", dataType: "number"},
                 { headerText: "StandardCost", key: "StandardCost", dataType: "number" },

            ],
            dataSource: adventureWorks,
            responseDataKey: 'Records',
            width: '"' + (browseWidth-10 ) + 'px"',
            height: ht,
            features: [
                {
                    name : 'Paging',
                    type: "local",
                    pageSize : 25,
                    pageIndexChanging: function (ui, args) {  logEvent('pageIndexChanging event fired. Current Page Index = ' + args.currentPageIndex + ' New Page Index = ' + args.newPageIndex); },
                    pageIndexChanged: function (ui, args) {  logEvent('pageIndexChanged event fired. Page Index = ' + args.pageIndex); },
                    pageSizeChanging: function (ui, args) {  logEvent('pageSizeChanging event fired. Current Page Size = ' + args.currentPageSize + ' New Page Index = ' + args.newPageSize); },
                    pageSizeChanged: function (ui, args) {  logEvent('pageSizeChanged event fired. Page Size = ' + args.pageSize); AddPageOptions(args.pageSize);},
                },
                {
                    name: 'Sorting',
                    type: "local",
                    mode: "multiple"
                },
                {
                    name: 'GroupBy',
                    type: "local"
                },
                {
                    name: 'Resizing',
                    deferredResizing: true,
                    allowDoubleClickToResize: false,
                    columnSettings: [
                        { columnKey: "ProductID", allowResizing: false },
                        { columnKey: "Name", minimumWidth: 40 }
                    ]
                }
            ]
        });