React FileManager - itemView.details

Configures the "Details" file system representation mode.

Selector: Details
Type:

Object

DevExtreme File Manager - Columns

App.js
  • import React from 'react';
  •  
  • import 'devextreme/dist/css/dx.light.css';
  •  
  • import FileManager, { ItemView, Details, Column } from 'devextreme-react/file-manager';
  •  
  • class App extends React.Component {
  • render() {
  • return (
  • <FileManager>
  • <ItemView>
  • <Details>
  • <Column dataField="thumbnail" />
  • <Column dataField="name" />
  • <!-- ... -->
  • </Details>
  • </ItemView>
  • </FileManager>
  • );
  • }
  • }
  • export default App;

columns[]

Configures the columns.

Selector: Column
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.