Telerik Forums
KendoReact Forum
1 answer
382 views

Hi,

I'm trying to setup a grid that has the combination of checkbox selection, grouping and filtering. I'm struggling to get the grouping working with multiple levels. I can group the date, however expanding or collapsing a section will expand or collapse all sections. I'm wondering if there is a way to pass in a unique ID so I can expand or collapse only the corresponding section...

 

https://stackblitz.com/edit/grid-grouping-selection?embed=1&file=app/main.jsx

 

Thanks,

Peter

Ina
Telerik team
 answered on 28 May 2020
5 answers
220 views

Is there a filter menu trigger function for?

I try to use onExpandChange but not calls it.

I need a function that trigger when filter menu open and close. 

onCloseMenu function works only when I click Clear button but I need a function when filter menu show and hide

Stefan
Telerik team
 answered on 28 May 2020
3 answers
442 views

Hi Team,

I am getting below error when using TabStripTab inside TabStrip component.

 

<div>
            <TabStrip
                selected={this.state.selected}
                onSelect={this.handleSelect}
                tabPosition={this.state.position}>
                <TabStripTab title="Tab 1">
                    This is test
                </TabStripTab>
                <TabStripTab title="Tab 2">
                    This is test2
                </TabStripTab>
            </TabStrip>
          </div>

JSX element type 'TabStripTab' is not a constructor function for JSX elements.
The types returned by 'render()' are incompatible between these types.
Type 'ReactNode' is not assignable to type 'false | Element'.
Type 'string' is not assignable to type 'false | Element'.

 

I checked in the documentation and googled it also but do not find any specific solution for this.

Please let me know if aI am missing any thing here.

 

 

 

Regards,

Sanjay

Ina
Telerik team
 answered on 26 May 2020
1 answer
142 views

     Hi, I have a grid with a custom column. The data for the column is an array of object and I render them as a button which enables me to click and naviagate based on the value I clicked. However, filter doesnt seem to work here. Please advice.

 

https://stackblitz.com/edit/react-pbcysg?file=SampleGrid.jsx

 

Line 813 is the place where the function to render a button is being called.

Stefan
Telerik team
 answered on 25 May 2020
2 answers
390 views
Hello.

I try to create grid localization. 
I've downloaded your local json file from:
https://github.com/telerik/kendo-react-messages/blob/master/messages/en-US/en-US.json
Then i've translated it to my language.
But when i use it in my project i have some fields in English. :(
In column menu:
Filter
Sort Acsending
Sort Decsending

And "And" and "Or" in dropdown.

And "Filter" at the filter button.

Colum menu screen attached.

How can i fix this problem?
Alex
Top achievements
Rank 1
Veteran
 answered on 22 May 2020
2 answers
217 views

Hello!

How can i style a ColumnMenu control?
I dont want create a custm ColumnMenu control, just changed colors of element/ 

Could you get the styles names of ColumnMenu control or some exapmples of styling?

Thank you!

Alex
Top achievements
Rank 1
Veteran
 answered on 21 May 2020
3 answers
113 views

How do you write this in hooks style?

 

https://www.telerik.com/kendo-react-ui/components/editor/content/

 

using class references defies the point of hooks.

Stefan
Telerik team
 answered on 21 May 2020
2 answers
480 views
Hello!
I have a problem:
try to create ColumnMenu

import * as React from 'react';
import {GridColumnMenuSort, 
        GridColumnMenuFilter} from '@progress/kendo-react-grid';
class ColumnMenu extends React.Component {

    render() {

        return (
            <div>
                <GridColumnMenuSort {...this.props} />
                <GridColumnMenuFilter {...this.props} expanded={true} />
            </div>
        );         
    }  
}
export default ColumnMenu; 

but i have compile error:

No overload matches this call.
  Overload 1 of 2, '(props: Readonly<GridColumnMenuSortProps>): GridColumnMenuSort', gave the following error.
    Property 'column' is missing in type '{ children: false; }' but required in type 'Readonly<GridColumnMenuSortProps>'.        
  Overload 2 of 2, '(props: GridColumnMenuSortProps, context?: any): GridColumnMenuSort', gave the following error.
    Property 'column' is missing in type '{ children: false; }' but required in type 'Readonly<GridColumnMenuSortProps>'.

Is it able to use Kendo react Grid with TypeScript?
Alex
Top achievements
Rank 1
Veteran
 answered on 19 May 2020
6 answers
289 views

Selecting date from table filter popup causes to scroll left the table as you can see in my sample.

There is a "First Date" column on my table at the end of right side.

  1. Click the 3 dots next to "First Date" header, you will see the filter popup.
  2. Click the "Select Date" input and a DatePicker will be pops up.
  3. Choose a date from DatePicker.

When you follow these steps, you will see the table suddenly scrolls left and DatePicker closes.

When I remove the method 'GridPageChange' on line 148, table still scrolls to left but DatePicker does not close and I can select date.

If you realize my DatePicker has a time picker. When I select a day from calender, time picker scrolls to current time. I think it triggers the table scroll.

How can I prevent this happen?

https://stackblitz.com/edit/react-tukxso?embed=1&file=app/main.jsx

Stefan
Telerik team
 answered on 19 May 2020
3 answers
1.1K+ views

Hi,

Can I use custom scroll for kendo react grid.

I want to use this scroll package: https://www.npmjs.com/package/react-custom-scrollbars

Stefan
Telerik team
 answered on 19 May 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?