GridColumn didn't work correctly. I can't use them when I insert it inside Grid.
I see that GridColumn is function
var GridColumn = function (props) { return null; };GridColumn.displayName = 'GridColumn';In Grid component you try to compare child component with this 'component'
var columns = React.Children .toArray(children) .filter(function (child) { return child && child.type === GridColumn_1.default; }) .map(function (child) { return Object.assign({}, child.props); });So, after filter there zero items, because we try to compare 2 functions.
Could you fix it, please?
11 Answers, 1 is accepted
Thank you for the information.
Could you please share in which scenario the GridColumn is not working is possible with an example. On our end the GridColumn components are working as expected:
https://www.telerik.com/kendo-react-ui/wrappers/grid/#toc
The GridColumn component is a stateless function:
import * as React from 'react';import * as ReactDOM from 'react-dom';export interface GridColumnProps extends kendo.ui.GridColumn { }let GridColumn: React.StatelessComponent<GridColumnProps> = (props: GridColumnProps): JSX.Element | null => null;GridColumn.displayName = 'GridColumn';export default GridColumn;I will be expecting an example and we will gladly investigate it further.
Thank you in advance for the cooperation.
Regards,
Stefan
Progress Telerik
Rank 1
Example from https://www.telerik.com/kendo-react-ui/wrappers/grid/#toc .
Yes, you are right about StatelessComponent. I have declaration file where GridColumn is declared as StatelessComponent.
P.s. I use typescript
Rank 1
If I remove the filter it will work fine. But filter don't work correctly and I don't know why...
Thank you for the details.
Based on the code I can assume that you are importing the GridColumn from the Kendo UI for React wrappers and using it inside the native Kendo UI Grid for React or the other way around.
Please ensure that both Grids are not mixed up:
Wrapper:
https://www.telerik.com/kendo-react-ui/wrappers/grid/#toc-grid-overview
Native Grid:
http://https//www.telerik.com/kendo-react-ui/components/grid/
If the issue still occurs, please provide an example, as the mentioned issue is not reproducible on our end and we would like to inspect the implementation.
Regards,
Stefan
Progress Telerik
Rank 1
Thank you for the clarification.
Could you please elaborate on the scenario in which this does not work correctly. We made different testing scenarios and in all of them, this was working.
We will be happy to provide a fix, but we need to be able to replicate the issue in order to fix it.
Please share with us an example where the issue is reproducible and the developers' team will take a look at it as soon as possible.
Regards,
Stefan
Progress Telerik
Rank 1
For now I have 2 files(js + declaration) for GridColumn(attached).
This code from GridColumn.d.ts:
import * as React from 'react';export interface GridColumnProps extends kendo.ui.GridColumn {}declare let GridColumn: React.StatelessComponent<GridColumnProps>;export default GridColumn;
This code from GridColumn.js:
var GridColumn = function (props) { return null; };GridColumn.displayName = 'GridColumn';export default GridColumn;//# sourceMappingURL=GridColumn.js.map
It it OK?
P.s. I looked at your example and found just 1 file *.tsx
Rank 1
Thank you for the code.
This is the correct one.
Still, please share with us the scenario in which the issue is observed.
I'm may be missing something and please excuse me for it, as for now, I did not notice the case in which the GridColumn is causing issues.
Regards,
Stefan
Progress Telerik
Rank 1
Veteran
Hello Stefan,
I am using telerik grid just similar to what it is implemented in this demo link (https://www.telerik.com/kendo-react-ui/components/grid/get-started/) and it works fine on browser but it shows up issue with scrolling on grid while using in ipad pro.
In short terms i am facing issue in scrolling the grid in ipad if any solution or demo for ipad is appreciated.
Thank you.
Hello, Roja,
I have made some tests and the scrolling was working on my end.
Please share the iPad model and the iOS version, as this will help us test under the same conditions.
Also, could be share what is the issue specifically, is the Grid not scrolling at all or something else.
-----------------------------------------------
Please have in mind that this post is for a very different issue. When the issue is not related to the post, please make a new post in the forum:
Regards,
Stefan
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.