Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Annasaheb
985
igGrid column doesn't resize using Resizing features
posted

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 }
                    ]
                }
            ]
        });