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

[Travis]

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

[Thavasianand Sankaranarayanan]

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.