Grid is not responsive

[Raj Kumar]

i used ejGrid but it is not responsive. while opening page on big screen or on any different resolution 2 or 3 columns are not coming.

what to to do so that it can automatically adjust according to the resolution? 

[Farveen Sulthana Thameeztheen Basha]

Hi Raj Kumar, 

Thanks for contacting Syncfusion Support. 

We have checked your query and we suspect that you need the Grid to be behave as Responsive. Syncfusion Grid has the default support for Responsive based on client browser’s width and height . To enable Responsive behavior you have to set “isResponsive” property of the Grid as true. And also you have to set “minWidth” property for Grid. Min Width is used to maintain minimum width for the Grid. So that Grid will automatically adjust according to the resolution. 

Please refer to the code example:- 

$("#Grid").ejGrid({ 

    dataSource: window.gridData, 

    isResponsive: true, 

     minWidth:700, 

    allowPaging: true, 

    pageSettings: { 

        pageCount: 3, 

        pageSize: 7 

    }, 

    columns: 

         [ 

             {field: "OrderID",isPrimaryKey: true,headerText: "Order ID"}, 

             .   .    .  

         ] 

}); 

 

    </script> 

Please refer to the documentation and Online Demo Link:- 

https://help.syncfusion.com/js/grid/responsive 

https://help.syncfusion.com/js/grid/responsive#min-width 

Please get back to us if you need any further assistance. 

Regards, 

Farveen sulthana T