Thanks a lot for the timely reply. This resolved our issue. However, the best option would be to allow resizing. Yes, we are using ig.loader and have all the js files in place. Is there a feature from the supplied javascript files we can attach to the pivot grid to allow it to support resizing?

Please see below a sample I created to provide information on how we are using the grid. Let me know if you need further information.

$.ig.loader(function () {

    var datasource = new $.ig.OlapFlatDataSource({
        dataSource: orders,
        metadata: {
            cube: {
                name: "Orders",
                caption: "Orders",
                measuresDimension: {
                    caption: "Measures",
                    measures: [
                        { caption: "Orders", name: "Order", aggregator: $.ig.OlapUtilities.prototype.sumAggregator('Order') },
                        { caption: "Amount", name: "Amount", aggregator: $.ig.OlapUtilities.prototype.sumAggregator('Amount', 2) }
                    ]
                },
                dimensions: [
                    {
                        caption: "Item",
                        name: "Item",
                        hierarchies: [
                            {
                                caption: "Item",
                                name: "Item",
                                levels: [
                                    {
                                        name: "AllItems", caption: "All Items",
                                        memberProvider: function (item) { return "All Items"; }
                                    },
                                    {
                                        name: "Item", caption: "Item",
                                        memberProvider: function (item) { return item.itemType; }
                                    }
                                ]
                            }
                    },
                    {
                        caption: "Customer",
                        name: "Customer",
                        hierarchies: [
                            {
                                caption: "Customer",
                                name: "Customer",
                                levels: [
                                    {
                                        name: "AllCustomers", caption: "AllCustomers",
                                        memberProvider: function (item) { return "All Customers"; }
                                    },
                                    {
                                        name: "Customer", caption: "Customer",
                                        memberProvider: function (item) { return item.Customer; }
                                    }
                                ]
                            }
                        ]
                    }
                ] // dimensions
            }// cube
        }, // metadata
        rows: "[Item].[Item]",
        columns: "[Customer].[Customer]",
        measures: "[Measures].[Order],[Measures].[Amount]"
    }); // var datasource

    $("#pivotView").igPivotGrid({
        dataSource: datasource,
        height: "580px",
        width: "737px",
        allowSorting: true,
        allowHeaderRowsSorting: true,
        allowHeaderColumnSorting: true,
        firstSortDirection: "ascending",
        firstLevelSortDirection: "ascending",
        gridOptions: {
            defaultColumnWidth: 75
        }
    });

    $("#dataSelector").igPivotDataSelector({
    dataSource: datasource,
    width: "200px"
    });

});