A newer version of this page is available. Switch to the current version.

Data Columns

Data columns are the most common type of columns used in the TreeList widget. They are generated for all members of the columns array 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 TreeList 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.

$(function() {
        // ...
        columns: [{
            dataField: "HireDate",
            dataType: "date"
<dx-tree-list ... >
    <dxi-column dataField="HireDate" dataType="date"></dxi-column>
import { DxTreeListModule } from "devextreme-angular";
// ...
export class AppComponent {
    // ...
    imports: [
        // ...
    // ...
See Also