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
330
Multi-Row layouts and Filtering
posted

Folks,

I am using the 2016.2 Infragistics Ignite Grid Control.  I am able to create a grid with the mutli row layout appearance but if I attempt to turn on the filtering feature.  The grid will not render.  Any reason for this?

Here id the grid itself.


$("#grid").igGrid({
            primaryKey: "PortfolioID",
            width: "1100px",
            autoCommit: true,
            autoGenerateColumns: false,
            autofitLastColumn: false,
            dataSource: '@Url.Action("GridData")',
            dataSourceType: "json",
            requestType: "POST",
            columns: [
                { headerText: "Portfolio Id", key: "PortfolioId", dataType: "string", width: "100px", columnIndex: 0, rowIndex: 0, rowSpan: 4 },
                { headerText: "Portfolio Name", key: "PortfolioName", dataType: "string", width: "200px", columnIndex: 1, rowIndex: 0, rowSpan: 4 },

                { headerText: "Product Group", key: "ProductGroup", dataType: "string", width: "200px", columnIndex: 2, rowIndex: 0, },
                { headerText: "Asset Mix", key: "AssetMix", dataType: "string", width: "200px", columnIndex: 2, rowIndex: 1 },
                { headerText: "Inception", key: "Inception", dataType: "date", format: "MM-dd-yyyy", columnIndex: 2, rowIndex: 2, rowSpan: 2 },

                { headerText: "Benchmark 1", key: "Benchmark1", dataType: "string", width: "200px", rowIndex: 0, columnIndex: 3 },
                { headerText: "Benchmark 2", key: "Benchmark2", dataType: "string", width: "200px", rowIndex: 1, columnIndex: 3, rowSpan: 3 },

                { headerText: "Spar Benchmark 1", key: "SparBenchmark1", dataType: "string", rowIndex: 0, columnIndex: 4, },
                { headerText: "Spar Benchmark 2", key: "SparBenchmark2", dataType: "string", rowIndex: 1, columnIndex: 4  },
                { headerText: "Spar Benchmark 3", key: "SparBenchmark3", dataType: "string", rowIndex: 2, columnIndex: 4 },
                { headerText: "Spar Benchmark 4", key: "SparBenchmark4", dataType: "string", rowIndex: 3, columnIndex: 4 },

                { headerText: "Lipper Cat", key: "LipperCat", dataType: "string", rowIndex: 0, columnIndex: 5 },
                { headerText: "Lipper Class", key: "LipperClass", dataType: "string", rowIndex: 1, columnIndex: 5 },
                { headerText: "Fund Symbol", key: "FundSymbol", dataType: "string", rowIndex: 2, columnIndex: 5, rowSpan:2 },
            ],
            features: [
                {
                    name: "Paging",
                    type: "local",
                    pageSize: 5
                },
                {
                    name: "Sorting",
                    type: "local"
                }
            ]
        });
    });

Parents
No Data
Reply
  • 15320
    Offline posted

    Hello CodeGrunt,

    I assume that you're enabling the simple filtering which is not supported along with multi-row layout. It might have also an error in the browser's console that notifies for this limitation. Please note that only advanced filtering is supported with multi-row layout feature. You can see it documented in here: https://www.igniteui.com/help/iggrid-multirowlayout#features

    If I can provide you with further assistance regarding this matter, please let me know.

    Regards,
    Tsanna

Children