Grid problem

[andrei]

Hi,

I have a problem with ejGrid, when the window has a low resolution or is not in full screen some of the columns gets cut in half and some of them are hidden, there is any possibility to put a scroll bar down on the grid ?

Thank you.

[Venkatesh Ayothi Raman]

Hi Andrei, 

Thank you for contacting Syncfusion support. 

To make the Grid as responsive, we suggest you to enable the isResponsive property in Grid and minWidth property. Refer to the Help Document and code example as below. 

 

Help documents: http://help.syncfusion.com/js/grid/responsive 

 

Code example: 

<script type="text/javascript"> 

        $(function () { 

            $("#Grid").ejGrid({ 

                // the datasource "window.gridData" is referred from jsondata.min.js 

                dataSource: window.gridData, 

                allowPaging: true, 

                 

                minWidth: 700, 

                isResponsive: true, 

                columns: [ 

                               { field: "OrderID", headerText: "Order ID", isPrimaryKey: true, textAlign: ej.TextAlign.Right, width: 100 }, 

                               { field: "EmployeeID", headerText: "Employee ID", editType: ej.Grid.EditingType.NumericEdit, textAlign: ej.TextAlign.Right, width: 100 }, 

                               { field: "Freight", headerText: "Freight", textAlign: ej.TextAlign.Right, width: 100, format: "{0:C}" }, 

                               { field: "ShipCity", headerText: "Ship City", width: 95 }, 

                               { field: "ShipCountry", headerText: "Ship Country", width: 95 } 

                ] 

            }); 

        }); 

 

 

Sample: http://jsplayground.syncfusion.com/dqpelzpu 

 

 

The Grid automatically adjusted when resizing the window. If we misunderstood your query, then could you please share more information about this. 

 

Regards, 

Venkatesh Ayothiraman.