Data Columns

Data columns are the most common type of columns used in the DataGrid widget. They are generated for all column array members that do not configure band columns. Usually, a data column displays values from a data field to which it is bound, but you can populate a data column with custom values (see Customize Cells).

DevExtreme HTML5 JavaScript DataGrid DataColumns

If data column values should be cast to another type (for example, date values stored as strings), specify the target type using the dataType option.

jQuery
JavaScript
$(function() {
    $("#dataGridContainer").dxDataGrid({
        // ...
        columns: [{
            dataField: "HireDate",
            dataType: "date"
        }]
    });
});
Angular
HTML
<dx-data-grid ... >
    <dxi-column dataField="HireDate" dataType="date"></dxi-column>
</dx-data-grid>
See Also