Hi,

I was checking your HOC withState grid and can you give an example when this approach could be used? https://www.telerik.com/kendo-react-ui/components/grid/data-operations/local-operations/

Because it is possible to achieve the same behavior without the HOC like this https://stackblitz.com/edit/react-sn578k and I am just interested if there is any reason do it with HOC.

     Hi, I am showing and hiding columns and the pager colspan seems to be stagnant i.e., it doesnt expand. Can you please advice?

https://stackblitz.com/edit/react-jb3drk-trrrin?file=app/ReuseGrid.jsx

So I don't know if this is by design/mistake/overlooked but it seems multiselects do not apply the id or name property i manually set them when being rendered. 

see example project here: 

https://stackblitz.com/edit/react-kjdntt

It would appear your numeric textbox control does honour these settings but i can only assume at this stage that all the dropdown based ones do not honour it. 

(see attached image for console output)

This is causing me some problems with a generic form validation component that I am creating where it will display the name of the control(s) that is/are invalid when the form is being submitted for not only your input controls but also standard html controls. 

Am I overlooking something here or is there a design decision why this is being done in this way? 

I am using header checkbox wit drop down which has multiple option like All, Page,and None, But i want to make it configurable based on props value.

If my props value is true i want to show check box with drop down else, i want to render simple header checkbox. is there any way to achieve that.

I tried making headerCellRender configurable based on property but that doesn't seems to be working. Please find the logic of headerCellRender and let me know if i am something or is it really possible or not.

const headerCellRender = (cell: any, gridProps: GridColumnProps) => {
if (props.showdropDown) {
if (gridProps.field === 'selected') {
return <DropDownList
data={["All", "Page", "None"]}
style={{ width: 35, paddingLeft: 0 }}
popupSettings={{ width: '200' }}
valueRender={valueRender}
onChange={handleHeaderDropDownChange} />
}
return cell
}
else {
return <GridColumn field="selected" width="30px"
filterable={false}
headerSelectionValue={dataResult.data !== undefined ? (dataResult.data[0] !== undefined && props.data.findIndex((dataItem: any) => dataItem.selected !== true) === -1) : false}
/>
}
}

Hi, I am using a Custom HeaderCell with process from kendo-data-query. The sort doesnt work when I use a CustomHeaderCell for that particular column. Can you help me out with that please?

Here is the demo link.  https://stackblitz.com/edit/react-62xcv8

Hi, 

How to collapse the node I have just expanded by clicking the same node when PanelBar expandMode is set to 'Single'.

Regards,

Vinod

I have RGB value using that i want to background color of cell or text in particular cell. How can i achieve that?

Regards,

Mukesh 

I have gird with check boxes, i want to inject count of selected record on grid pager where i am getting all page related info.

How can i achieve that.

Regards

Mukesh