All docs
V20.1
24.2
24.1
23.2
23.1
22.2
22.1
21.2
21.1
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.
Box
Map
Vue
A newer version of this page is available. Switch to the current version.

JavaScript/jQuery FileManager - itemView.details.columns

Configures the columns.

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

This property 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 UI component should cast them to another, specify the type in this property.

hidingPriority

Specifies the order in which columns are hidden when the UI component 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 UI component adds a column to the collection of sorted columns once this column is sorted. Use the sortIndex property 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 properties 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 UI component.

Type:

Number

Default Value: undefined

Visible indexes are normalized after the UI component'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