Vue FileManager - itemView.details

Configures the "Details" file system representation mode.

Selector: DxDetails
Type:

Object

DevExtreme File Manager - Columns

app.component.html
app.module.ts
  • <dx-file-manager>
  • <dxo-item-view>
  • <dxo-details>
  • <dxi-column dataField="thumbnail"></dxi-column>
  • <dxi-column dataField="name"></dxi-column>
  • <!-- ... -->
  • </dxo-details>
  • </dxo-item-view>
  • </dx-file-manager>
  • import { BrowserModule } from '@angular/platform-browser';
  • import { NgModule } from '@angular/core';
  • import { AppComponent } from './app.component';
  • import { DxFileManagerModule } from 'devextreme-angular';
  •  
  • @NgModule({
  • declarations: [
  • AppComponent
  • ],
  • imports: [
  • BrowserModule,
  • DxFileManagerModule
  • ],
  • //...
  • })
  • export class AppModule { }

columns[]

Configures the columns.

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