Current filter:
                                You should refresh the page.
                                  • I have a DataGrid, and I don't allow editing for certain columns. But they still appear in the Form Editor. I would like to hide those in the form editor. Is there an easy way

                                    [JavaScript]
                                    <DataGrid dataSource={source} ref={OpListGrid} columnAutoWidth={true} rowAlternationEnabled={true} allowColumnResizing={true} showBorders={true}> <Editing mode={'form'} useIcons={true} allowDeleting={true} allowUpdating={true}/> <Column type={'buttons'} width={50} buttons={['delete', 'edit']} /> <Column dataField={'OpCode'} width={60} allowEditing={false}/> <Column dataField={'OpDesc'} caption='OP Description' width={280} allowEditing={false}/> <Column dataField={'TRCategory_c'} caption='TR Catetory' width={80} /> <Column dataField={'TRNum_c'} caption='TR Number' width={80} /> <Column dataField={'TRDesc_c'} caption='TR Description' width={80} /> <Column dataField={'DataSetNum_c'} caption='DataSet' width={80} /> <Column dataField={'ProdStandard'} caption='Duration' dataType='number' width={80} allowEditing={false}/> <Export enabled={true} fileName={'OperationList'} /> </DataGrid>

                                1 Solution

                                Creation Date Importance Sort by

                                Hi,
                                DIsable the formItem.visible option to hide the column item in the form.

                                • Customer79769 08.19.2019

                                  How do you do this in React?

                                • Customer79769 08.19.2019

                                  i.e. I tried:

                                  <Column dataField={'OpDesc'} caption='OP Description' width={280} allowEditing={false} >
                                  <FormItem visible={false}></FormItem>
                                  </Column>

                                  But I get an error like this:

                                  [XML]
                                  Uncaught Invariant Violation: Objects are not valid as a React child (found: object with keys {_events, _eventsStrategy, _changedTime, _onPushHandler, _store, _storeLoadOptions, _mapFunc, _postProcessFunc, _pageIndex, _pageSize, _loadingCount, _loadQueue, _searchValue, _searchOperation, _searchExpr, _paginate, _reshapeOnPush, _operationManager, _items, _userData, _totalCount, _isLoaded, _isLastPage}). If you meant to render a collection of children, use an array instead. in DataGrid (created by OpList) in OpList (created by WithStyles(OpList)) in WithStyles(OpList) (created by App) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by App) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by App) in App (created by WithStyles(App)) in WithStyles(App) (created by JobManger) in div (created by ForwardRef(ExpansionPanelDetails)) in ForwardRef(ExpansionPanelDetails) (created by WithStyles(ForwardRef(ExpansionPanelDetails))) in WithStyles(ForwardRef(ExpansionPanelDetails)) (created by JobManger) in div (created by ForwardRef(ExpansionPanel)) in div (created by Transition) in div (created by Transition) in div (created by Transition) in Transition (created by ForwardRef(Collapse)) in ForwardRef(Collapse) (created by WithStyles(ForwardRef(Collapse))) in WithStyles(ForwardRef(Collapse)) (created by ForwardRef(ExpansionPanel)) in div (created by ForwardRef(Paper)) in ForwardRef(Paper) (created by WithStyles(ForwardRef(Paper))) in WithStyles(ForwardRef(Paper)) (created by ForwardRef(ExpansionPanel)) in ForwardRef(ExpansionPanel) (created by WithStyles(ForwardRef(ExpansionPanel))) in WithStyles(ForwardRef(ExpansionPanel)) (created by JobManger) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by JobManger) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by JobManger) in JobManger (created by WithStyles(JobManger)) in WithStyles(JobManger) (created by App) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by App) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by App) in App (created by WithStyles(App)) in WithStyles(App) in StoreProvider at invariant (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:411:19) at traverseAllChildrenImpl (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:1418:11) at traverseAllChildrenImpl (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:1390:27) at traverseAllChildren (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:1447:14) at mapIntoWithKeyPrefixInternal (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:1529:7) at Object.mapChildren [as map] (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:1553:7) at DataGrid.Component.renderChildren (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:173585:31) at DataGrid.ComponentBase.render (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:173409:73) at finishClassComponent (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:18692:35) at updateClassComponent (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:18647:28) invariant @ react.development.js:88 traverseAllChildrenImpl @ react.development.js:1060 traverseAllChildrenImpl @ react.development.js:1033 traverseAllChildren @ react.development.js:1088 mapIntoWithKeyPrefixInternal @ react.development.js:1166 mapChildren @ react.development.js:1188 Component.renderChildren @ component.js:48 ComponentBase.render @ component-base.js:66 finishClassComponent @ react-dom.development.js:14741 updateClassComponent @ react-dom.development.js:14696 beginWork @ react-dom.development.js:15644 performUnitOfWork @ react-dom.development.js:19312 workLoop @ react-dom.development.js:19352 callCallback @ react-dom.development.js:149 invokeGuardedCallbackDev @ react-dom.development.js:199 invokeGuardedCallback @ react-dom.development.js:256 replayUnitOfWork @ react-dom.development.js:18578 renderRoot @ react-dom.development.js:19468 performWorkOnRoot @ react-dom.development.js:20342 performWork @ react-dom.development.js:20254 performSyncWork @ react-dom.development.js:20228 requestWork @ react-dom.development.js:20097 scheduleWork @ react-dom.development.js:19911 scheduleRootUpdate @ react-dom.development.js:20572 updateContainerAtExpirationTime @ react-dom.development.js:20600 updateContainer @ react-dom.development.js:20657 ReactRoot.render @ react-dom.development.js:20953 (anonymous) @ react-dom.development.js:21090 unbatchedUpdates @ react-dom.development.js:20459 legacyRenderSubtreeIntoContainer @ react-dom.development.js:21086 render @ react-dom.development.js:21155 parcelRequire.JobManagerMain.jsx.react @ JobManagerMain.jsx:7 newRequire @ JobManagerMain.c15d7c66.js:47 (anonymous) @ JobManagerMain.c15d7c66.js:81 (anonymous) @ JobManagerMain.c15d7c66.js:120 Show 5 more frames react-dom.development.js:17117 The above error occurred in the <DataGrid> component: in DataGrid (created by OpList) in OpList (created by WithStyles(OpList)) in WithStyles(OpList) (created by App) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by App) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by App) in App (created by WithStyles(App)) in WithStyles(App) (created by JobManger) in div (created by ForwardRef(ExpansionPanelDetails)) in ForwardRef(ExpansionPanelDetails) (created by WithStyles(ForwardRef(ExpansionPanelDetails))) in WithStyles(ForwardRef(ExpansionPanelDetails)) (created by JobManger) in div (created by ForwardRef(ExpansionPanel)) in div (created by Transition) in div (created by Transition) in div (created by Transition) in Transition (created by ForwardRef(Collapse)) in ForwardRef(Collapse) (created by WithStyles(ForwardRef(Collapse))) in WithStyles(ForwardRef(Collapse)) (created by ForwardRef(ExpansionPanel)) in div (created by ForwardRef(Paper)) in ForwardRef(Paper) (created by WithStyles(ForwardRef(Paper))) in WithStyles(ForwardRef(Paper)) (created by ForwardRef(ExpansionPanel)) in ForwardRef(ExpansionPanel) (created by WithStyles(ForwardRef(ExpansionPanel))) in WithStyles(ForwardRef(ExpansionPanel)) (created by JobManger) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by JobManger) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by JobManger) in JobManger (created by WithStyles(JobManger)) in WithStyles(JobManger) (created by App) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by App) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by App) in App (created by WithStyles(App)) in WithStyles(App) in StoreProvider Consider adding an error boundary to your tree to customize error handling behavior. Visit https://fb.me/react-error-boundaries to learn more about error boundaries. logCapturedError @ react-dom.development.js:17117 logError @ react-dom.development.js:17153 update.callback @ react-dom.development.js:18065 callCallback @ react-dom.development.js:16433 commitUpdateEffects @ react-dom.development.js:16472 commitUpdateQueue @ react-dom.development.js:16463 commitLifeCycles @ react-dom.development.js:17383 commitAllLifeCycles @ react-dom.development.js:18736 callCallback @ react-dom.development.js:149 invokeGuardedCallbackDev @ react-dom.development.js:199 invokeGuardedCallback @ react-dom.development.js:256 commitRoot @ react-dom.development.js:18948 (anonymous) @ react-dom.development.js:20418 unstable_runWithPriority @ scheduler.development.js:255 completeRoot @ react-dom.development.js:20417 performWorkOnRoot @ react-dom.development.js:20346 performWork @ react-dom.development.js:20254 performSyncWork @ react-dom.development.js:20228 requestWork @ react-dom.development.js:20097 scheduleWork @ react-dom.development.js:19911 scheduleRootUpdate @ react-dom.development.js:20572 updateContainerAtExpirationTime @ react-dom.development.js:20600 updateContainer @ react-dom.development.js:20657 ReactRoot.render @ react-dom.development.js:20953 (anonymous) @ react-dom.development.js:21090 unbatchedUpdates @ react-dom.development.js:20459 legacyRenderSubtreeIntoContainer @ react-dom.development.js:21086 render @ react-dom.development.js:21155 parcelRequire.JobManagerMain.jsx.react @ JobManagerMain.jsx:7 newRequire @ JobManagerMain.c15d7c66.js:47 (anonymous) @ JobManagerMain.c15d7c66.js:81 (anonymous) @ JobManagerMain.c15d7c66.js:120 Show 2 more frames react.development.js:88 Uncaught Invariant Violation: Objects are not valid as a React child (found: object with keys {_events, _eventsStrategy, _changedTime, _onPushHandler, _store, _storeLoadOptions, _mapFunc, _postProcessFunc, _pageIndex, _pageSize, _loadingCount, _loadQueue, _searchValue, _searchOperation, _searchExpr, _paginate, _reshapeOnPush, _operationManager, _items, _userData, _totalCount, _isLoaded, _isLastPage}). If you meant to render a collection of children, use an array instead. in DataGrid (created by OpList) in OpList (created by WithStyles(OpList)) in WithStyles(OpList) (created by App) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by App) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by App) in App (created by WithStyles(App)) in WithStyles(App) (created by JobManger) in div (created by ForwardRef(ExpansionPanelDetails)) in ForwardRef(ExpansionPanelDetails) (created by WithStyles(ForwardRef(ExpansionPanelDetails))) in WithStyles(ForwardRef(ExpansionPanelDetails)) (created by JobManger) in div (created by ForwardRef(ExpansionPanel)) in div (created by Transition) in div (created by Transition) in div (created by Transition) in Transition (created by ForwardRef(Collapse)) in ForwardRef(Collapse) (created by WithStyles(ForwardRef(Collapse))) in WithStyles(ForwardRef(Collapse)) (created by ForwardRef(ExpansionPanel)) in div (created by ForwardRef(Paper)) in ForwardRef(Paper) (created by WithStyles(ForwardRef(Paper))) in WithStyles(ForwardRef(Paper)) (created by ForwardRef(ExpansionPanel)) in ForwardRef(ExpansionPanel) (created by WithStyles(ForwardRef(ExpansionPanel))) in WithStyles(ForwardRef(ExpansionPanel)) (created by JobManger) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by JobManger) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by JobManger) in JobManger (created by WithStyles(JobManger)) in WithStyles(JobManger) (created by App) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by App) in div (created by ForwardRef(Grid)) in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid))) in WithStyles(ForwardRef(Grid)) (created by App) in App (created by WithStyles(App)) in WithStyles(App) in StoreProvider at invariant (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:411:19) at traverseAllChildrenImpl (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:1418:11) at traverseAllChildrenImpl (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:1390:27) at traverseAllChildren (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:1447:14) at mapIntoWithKeyPrefixInternal (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:1529:7) at Object.mapChildren [as map] (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:1553:7) at DataGrid.Component.renderChildren (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:173585:31) at DataGrid.ComponentBase.render (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:173409:73) at finishClassComponent (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:18692:35) at updateClassComponent (https://ysg4206.draper.com/Master/dist/JobManagerMain.c15d7c66.js:18647:28) invariant @ react.development.js:88 traverseAllChildrenImpl @ react.development.js:1060 traverseAllChildrenImpl @ react.development.js:1033 traverseAllChildren @ react.development.js:1088 mapIntoWithKeyPrefixInternal @ react.development.js:1166 mapChildren @ react.development.js:1188 Component.renderChildren @ component.js:48 ComponentBase.render @ component-base.js:66 finishClassComponent @ react-dom.development.js:14741 updateClassComponent @ react-dom.development.js:14696 beginWork @ react-dom.development.js:15644 performUnitOfWork @ react-dom.development.js:19312 workLoop @ react-dom.development.js:19352 renderRoot @ react-dom.development.js:19435 performWorkOnRoot @ react-dom.development.js:20342 performWork @ react-dom.development.js:20254 performSyncWork @ react-dom.development.js:20228 requestWork @ react-dom.development.js:20097 scheduleWork @ react-dom.development.js:19911 scheduleRootUpdate @ react-dom.development.js:20572 updateContainerAtExpirationTime @ react-dom.development.js:20600 updateContainer @ react-dom.development.js:20657 ReactRoot.render @ react-dom.development.js:20953 (anonymous) @ react-dom.development.js:21090 unbatchedUpdates @ react-dom.development.js:20459 legacyRenderSubtreeIntoContainer @ react-dom.development.js:21086 render @ react-dom.development.js:21155 parcelRequire.JobManagerMain.jsx.react @ JobManagerMain.jsx:7 newRequire @ JobManagerMain.c15d7c66.js:47 (anonymous) @ JobManagerMain.c15d7c66.js:81 (anonymous) @ JobManagerMain.c15d7c66.js:120 content.js:1 {"type":"get_background_image","requestDate":"2019-08-19T21:19:57.478Z"}
                                • Customer79769 08.19.2019

                                  Fixed,

                                  It was a different error introduced by the edit. thank you.

                                • Ilya (DevExpress Support) 08.20.2019

                                  I'm happy to hear that you have resolved the issue.
                                  Should you need additional assistance, feel free to contact us.