Vue FileManager - itemView.details

Configures the "Details" file system representation mode.

Type:

Object

DevExtreme File Manager - Columns

App.vue
  • <template>
  • <DxFileManager>
  • <DxItemView>
  • <DxDetails>
  • <DxColumn data-field="thumbnail"/>
  • <DxColumn data-field="name"/>
  • <!-- ... -->
  • </DxDetails>
  • </DxItemView>
  • </DxFileManager>
  • </template>
  • <script>
  • import 'devextreme/dist/css/dx.light.css';
  •  
  • import {
  • DxFileManager,
  • DxItemView,
  • DxDetails,
  • DxColumn
  • } from 'devextreme-vue/file-manager';
  •  
  • export default {
  • components: {
  • DxFileManager,
  • DxItemView,
  • DxDetails,
  • DxColumn
  • },
  • data() {
  • return {
  • //...
  • };
  • }
  • };
  • </script>

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.