Telerik Forums
KendoReact Forum
1 answer
388 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
224 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
444 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
148 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
403 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
220 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
115 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
494 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
300 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
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
Styling / Themes
DatePicker
Editor
TreeList
Styling
PDF Processing
ComboBox
Excel Export
Dialog
Input
TreeView
Upload
Drawer
Button
Drag and Drop
MultiSelect
Tooltip
Accessibility
NumericTextBox
Checkbox
Menu
Gantt
DateTimePicker
PDF Viewer
Popup
Window
AutoComplete
DateInput
Sortable
Data Query
Licensing
TabStrip
Drawing
Calendar
Pager 
Labels 
Localization
TimePicker
GridLayout
FontIcon
Animation
PanelBar
TaskBoard
PivotGrid
Card
DropDownButton
Conversational UI 
DateRangePicker
Splitter
Badge 
Security
Slider
Spreadsheet
ContextMenu
MultiViewCalendar
Stepper
MultiColumnComboBox
MultiSelectTree
TextBox
AppBar
File Saver
ListView
MaskedTextBox
RadioButton
Switch
TextArea
Toolbar
DropDownTree
TileLayout
Map
Avatar
Date Math
Gauge
RadioGroup
RangeSlider
Rating
Loader
ExpansionPanel
SvgIcon
Typography
ProgressBar
ScrollView
Popover
StockChart
RadialGauge
Server Components
AIPrompt
Page Templates / Building Blocks
AI Coding Assistant
Chat
ColorGradient
ColorPalette
ColorPicker
Notification
Ripple
Skeleton
ButtonGroup
Chip
ChipList
FloatingActionButton
SplitButton
ActionSheet
Barcode
QR Code
FlatColorPicker
Signature
BottomNavigation
BreadCrumb
StackLayout
Timeline
ListBox
ChunkProgressBar
Sparkline
FileManager
ArcGauge
CircularGauge
LinearGauge
ExternalDropZone
OrgChart
Sankey
VS Code Extension
InlineAIPrompt
SpeechToTextButton
Chart Wizard
Agentic UI Generator
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?