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.

We are having problems getting it to work correctly.  Just sort a column in our sample and you will see that scrolling stops working.

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

Hi,

Is it possible to use a button instead of 'TextBox' to open Multiselect list so that it could give a feel of Popup multiselect ?

Regards,

Vinod