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 

     Hi,

Can we have custom header checkbox for grid with multiple option like in gamil. Screen shot attached for reference

We want to have a checkbox with drop down having couple of option like page select (which will select record on page) and grid select which will select all records across all pages.

Can we achieve this in kendo react grid.