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
185
Grouping Customization - Layout changes
posted

Hi,

Need help in customizing the IgGrid. Additional information is available in attached document.

We want IgGrid layout similar to the first screenshot attached in the document.

Questions:

  1. How can I remove the “Drag a column here or select columns to group By” Text along with the selection button available in top  left hand side  of the screen shot 2.
  2. Is there a way to remove collapse/expand all icon and have our custom text displayed there?

       3. When I set the ShowHeader property to false, the grid alignment is going for a toss.

 

 

_$displayTitleAndFootageGrid.igGrid({

                autoGenerateColumns:false,

                height:"275px",

                width:"1190px",

                alternateRowStyles:false,

                primaryKey:'PrimarydisplayKey',

                columns: [

                    { headerText:"", key: "PrimarydisplayKey", dataType: "string", width: '0px', hidden: true },

                    { headerText:"", key: "DisplayTitle", dataType: "string", width: "300px", hidden: true },

                    { headerText:"", key: "PreDisplayVersionId1", dataType: "string", width: '1px' },

                    { headerText:"", key: "RevisedReissuedComboIndicatorValue", dataType: "string", width: "60px", formatter: gridHelper.revisedReissuedComboIndicatorValue },

                    { headerText:"  ", key: "PredisplayKey1", width: "25px", formatter: _buildCheckBox },

                    { headerText:"        ", key: "FootageSize1", width: "110px", dataType: "string", formatter: _footageFormatter },

                    { headerText:"", key: "PredisplayKey2", width: "25px", formatter: _buildCheckBox },

                    { headerText:"        ", key: "FootageSize2", dataType: "string", width: "110px", formatter: _footageFormatter }

                ],

                features: [

                                        {name:'GroupBy',

                                            columnSettings: [

                                                {

                                                    columnKey:"DisplayTitle",

                                                    isGroupBy:true,

                                                    groupComparerFunction: _groupByDisplayTitle

                                                }

                                            ]

                                        }

                ],

Thanks in advance for your support,

Veena

Required Grid Layout.zip