React FileManager - itemView
NOTE
Set the itemView.mode property to details to configure columns in the UI component.
App.js
- import React from 'react';
- import 'devextreme/dist/css/dx.light.css';
- import FileManager, { ItemView } from 'devextreme-react/file-manager';
- class App extends React.Component {
- render() {
- return (
- <FileManager>
- <ItemView
- mode="thumbnails"
- showFolder={false}
- showParentFolder={false}
- />
- </FileManager>
- );
- }
- }
- export default App;
details
Selector: Details
Type:
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;
showFolders
Specifies whether to display folders in the view. When this property is false, folders are displayed in the navigation pane only.
Type:
Default Value: true
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.