columns[]

Configures the columns.

Type:

Array<dxFileManagerDetailsColumn | String>

Default Value: ['thumbnail', 'name', 'dateModified', 'size']

This option accepts an array of objects, where each object configures a single column. If a column does not need to be customized, this array may include the name of the field that provides data for this column.

DevExtreme File Manager - Columns

jQuery
JavaScript
$(function () {
    $("#file-manager").dxFileManager({
        itemView: {
            details: {
                columns: [
                    "thumbnail", "name",
                    {
                        dataField: "category",
                        caption: "Category",
                        width: 95
                    },
                    "dateModified", "size"
                ]
            }
        },
        // ...
    });
});

alignment

Specifies the column alignment.

Type:

String

Default Value: undefined
Accepted Values: undefined | 'center' | 'left' | 'right'

caption

Specifies the column caption.

Type:

String

Default Value: undefined

cssClass

Specifies a CSS class to be applied to the column.

Type:

String

Default Value: undefined

dataField

Specifies which data field provides data for the column.

Type:

String

Default Value: undefined

dataType

Casts column values to a specific data type.

Type:

String

Default Value: undefined
Accepted Values: 'string' | 'number' | 'date' | 'boolean' | 'object' | 'datetime'

If a data field provides values of one data type but the widget should cast them to another, specify the type in this option.

hidingPriority

Specifies the order in which columns are hidden when the widget adapts to the screen or container size.

Type:

Number

Default Value: undefined

The hidingPriority is a unique positive integer that ascends from right to left beginning with 0. Columns with low hidingPriority are hidden first.

sortIndex

Specifies the order in which the column is sorted.

Type:

Number

Default Value: undefined

The widget adds a column to the collection of sorted columns once this column is sorted. Use the sortIndex option to change the order of sorted columns.

sortOrder

Specifies the sort order of column values.

Type:

String

Default Value: undefined
Accepted Values: undefined | 'asc' | 'desc'

Use the sortOrder and the sortIndex options to sort file system items by multiple columns.

visible

Specifies the column visibility.

Type:

Boolean

Default Value: true

visibleIndex

Specifies the position of the column in the resulting widget.

Type:

Number

Default Value: undefined

Visible indexes are normalized after the widget's creation: the leftmost column is assigned an index of 0; the rightmost column's index becomes equal to the number of visible columns minus 1; other columns get the indexes in between.

width

Specifies the column width.

Type:

Number

|

String

Default Value: undefined