ej.grids.Grid Render just column headers with null data

Question

Is it possible to render a grid's (ej.grids.Grid) column headers when the datasource is null?

Thavasianand Sankaranarayanan · Answer

Hi Travis, 

Greetings from Syncfusion support. 

Yes, we can set the column headertext value when the dataSource as null. 

Refer the below code example. 






var grid = new ej.grids.Grid({ 
    dataSource: null, 
    columns: [ 
        { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right' }, 
        { field: 'CustomerName', headerText: 'Customer Name', width: 150 }, 
        { field: 'OrderDate', headerText: 'Order Date', width: 130, format: 'yMd', textAlign: 'Right' }, 
        { field: 'Freight', width: 120, format: 'C2', textAlign: 'Right' }, 
        { field: 'ShippedDate', headerText: 'Shipped Date', width: 140, format: 'yMd', textAlign: 'Right' }, 
        { field: 'ShipCountry', headerText: 'Ship Country', width: 150 } 
    ] 
}); 
grid.appendTo('#Grid'); 


We have prepared a simple sample in the following link. 

Link: https://stackblitz.com/edit/mugv1y?file=index.js 

Regards, 
Thavasianand S.