score:2
Accepted answer
i recently had the same problem. we are using 'react-hot-loader' which leads to your described error.
in the source code of the grid is a type comparison:
this.initcolumns(children.filter(function (child) { return child && child.type === gridcolumn; }));
when using react-hot-loader a column is not of type gridcolumn, but of type proxycomponent. so the type check fails and the grid renders the default columns.
workaround:
reacthotloader.disableproxycreation = true;
var grid = (<kendogrid data={ { data: this.state.products, total: 1} }
pageable={true} >
<kendocolumn field="productname" title="product name" />
<kendocolumn field="unitprice" title="unit price" format="{0:c}" width="120px" />
<kendocolumn field="unitsinstock" title="units in stock" width="120px" />
<kendocolumn field="discontinued" width="120px" />
</kendogrid>);
reacthotloader.disableproxycreation = false;
disabling the proxy creations solves the problem, but this workaround is quite dirty.
we disabled react-hot-loader in our project to solve this issue.
Source: stackoverflow.com
Related Query
- React with Kendo-ui Grid - Wrong column header
- React MUI Datagrid align column data and header with type "number"
- Kendo UI Grid React customize header
- How to make 3 column grid with map function react
- React kendo grid setting array item as column field
- Kendo React Grid - Add a hyperlink column
- How to show image or anything else in Kendo grid title with React
- React with Ant desing Table.set column by useSate header have check box.Check box not working
- How to Dynamically FIx the header Column width in React Bootstrap-Table-Next with respect to data cell
- Wrong React hooks behaviour with event listener
- React Navigation Header in Functional Components with Hooks
- Why does production build of React app (with Webpack and Babel) use wrong development env with HMR, which causes errors?
- Hide header on StackNavigator with React Navigation in React Native
- Something went wrong with react table using typescript
- Dealing with ag grid react and rendering a grid of checkboxes
- React Material-Ui Sticky Table Header with Dynamic Height
- How do you use CSS grid layouts with React effectively?
- Header keys become lowercase when interacting with API - React native
- How to pass percentage value to width to React data grid column
- How to make a Semantic UI React grid full screen with different row heights?
- React table with static header on browser scroll
- react functional component with ag grid cannot call parent function via context
- Access vuforia vws with react forbidden header
- react build with gh-pages generates wrong file path to static files
- React Navigation Header change with screen
- How can I use grid layout with Fluent UI React
- How Do I Create A 2 Column Form WIth React Material-UI?
- what am I doing wrong with this import in my react component?
- How to fill React Grid Layout item with material UI Card
- React header component with slots
More Query from same tag
- How can I wait for or cancel a data update in componentDidUpdate when a new update was triggered?
- Why state not get reset in React component?
- target first-child css styled-components
- Question about react class component setState
- Redux Saga seems to be making an unknown API call?
- create an all day event by drag and drop
- dispatch action inside saga watcher after Meteor.call
- Using create react app, and having ES6 dependencies
- React Router V4 isnt working properly
- Trying to create a dropdown selection menu with React's <select> and map users from an array as an option
- Parse array with nested objects by given indexes , get their name
- Is there a way to set Tabs content with json data loaded from my backend in reactjs using map() or forEach()?
- TypeError: firebase.firestore is not a function in react js and firebase app
- logging unmount for JSX element instead of components
- How can I use state to render form components in React?
- React/Redux: state called twice? (concat(), not push())
- How to pass props to React Big Calendar from custom event?
- Enhancing/manipulating react children props
- Responsive navigation menu with React and Bootstrap - hamburger isn't working
- find sum of amount for group of list
- React Enzyme Props Not Set on Mount
- show Save-Button when items added
- If and why the CSS should be put outside the react function components(near the imports)?
- env-vars in React using Dotenv and Webpack
- Getting Object is possibly 'undefined' in typescript react
- componentWillRecieveProps method is not working properly: ReactJS
- React Failed to compile. Module not found: Can't resolve 'Main.css'
- Learning React: why do we not have to use this.state.count in line 18 to access the count but we have to use this.state.imageUrl in line 12?
- How to use repeat and minmax in tailwind
- why i am not able to use the default theme properties in makeStyle?