We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Grid problem

Thread ID:

Created:

Updated:

Platform:

Replies:

124885 Jul 6,2016 06:20 AM Jul 7,2016 01:30 AM JavaScript 1
loading
Tags: ejGrid
andrei
Asked On July 6, 2016 06:20 AM

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 [Syncfusion]
Replied On July 7, 2016 01:30 AM

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


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;