Hi there,

I'd like to turn off even/odd row highlighting for the Grid and use cell border instead. Also I'd like to change row height (smaller then default), rowHeight property doesnt' really help with that. 

I can do it by learning kendo css classes and override particular properties for certan classes but... I have many different vendors for different components and it's so a pitty to learn all the css classes hell...

It'd be supper cool to have something like turnOffAlternation and showCellBorder attributes on the Grid.

p.s. I easily predict answer but at least I gave a try :)

[kendo-react-buttons v5.0.1]

It seems that the `Button` component removes the `title` prop, making it empty string when rendered. This prevents Tooltip from working on a Button. Is this intentional?

<Button title="test">Test</Button>

renders

<button title="" class="k-button k-button-md k-button-rectangle k-button-solid k-button-solid-base k-rounded-md"><span class="k-button-text">Test</span></button>

note that title is `title=""`

Full StackBlitz example: https://stackblitz.com/edit/react-2xvipj?file=app/main.jsx

I have copied the exact example source code which works on stack blits but on my app the Chart is only rendering these white dots.

I'm creating a  custom listNoDataRender for autocomplete.

I wanted to add link that either redirects or updates the state, see my code below.

Unfortunately, clicking the button doesn't trigger the  onClick handler, it only closes the suggestion list.

How do i trigger the onClick handler and not close the suggestion list? TIA!

import * as React from 'react';
import * as ReactDOM from 'react-dom';

import { DropDownList } from '@progress/kendo-react-dropdowns';

const App = () => {

const handleClick = () =>{
 // update state or redirect here... 
}

 const listNoDataRender = (element: React.ReactElement<HTMLDivElement>) => {
      const noData = (
        <h4 style={{ fontSize: '1em' }}>
 <span className="k-icon k-i-warning" style={{ fontSize: '2.5em' }} />
 <br /><br />
 <button onClick={handleClick}>Did you mean reco..</button>
 </h4>
 );

      return React.cloneElement(element, { ...element.props }, noData);
  }

  return (
    <DropDownList
      style={{ width: '300px' }}
      data={[]}
      listNoDataRender={listNoDataRender}
      />
 );
}

ReactDOM.render(
  <App />,
 document.querySelector('my-app')
);

Hi Team,

I am using select row using checkbox in grid using sample here. https://www.telerik.com/kendo-react-ui/components/grid/selection/

but i also enabled pagination, when i select header checkbox all the items in current page is getting selected, is there way to select all rows in all page in a grid?

Regards,
M. Seenuvasan

Hi.

I use Column Menu Filter in my data grids and I wonder how can I use the DateTime filter on date fields?

I'm having issues in implementing date format on datagrid column. The problem is when the date is null it renders NaN/NaN/NaN. 

Is there way to customize this or at least hide the NaN when the date is null? TIA

here's my code

`<Column field="testDate" title="test date" filter="date" format="{0:dd/MM/yyyy}" />`

I created an open/close toggle button on the grid using a custom cell props that triggers a new detail row on the row detail props in the Grid component, how do I use it? and parse setState from component detail row to component button?

and why if the toogle condition is in a false column in the table it always leaves a space? here's an example