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

Parents
No Data
Reply
  • 19693
    Suggested Answer
    posted

    Hello annasaheb ,

    Thank you for posting in our forums.

    I do not see "ig.ui.grid.resizing.js"  in the list of included scripts

    I tried to reproduce the issue in my environment with the attached sample code but with no avail.

    Please check it in yours and let me know if you still experience the behavior

    Hope hering from you

    GridResizing.zip
Children