React Form - Add an Empty Space
If you need to add an empty space between neighboring items, use an empty item. To create it, assign "empty" to the itemType property. To define how many columns the empty item must span, specify the colSpan property. For the full list of available properties, visit the Empty Item section.
App.js
- import React from 'react';
- import 'devextreme/dist/css/dx.light.css';
- import { Form, EmptyItem, SimpleItem } from 'devextreme-react/form';
- class App extends React.Component {
- employee = {
- firstName: 'John',
- lastName: 'Heart',
- position: 'CEO'
- }
- render() {
- return (
- <Form
- formData={this.employee}
- colCount={2}>
- <EmptyItem />
- <SimpleItem dataField="firstName" />
- <EmptyItem colSpan={2} />
- <SimpleItem dataField="lastName" />
- <SimpleItem dataField="position" />
- </Form>
- );
- }
- }
- export default App;
See Also
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.