Telerik Forums
KendoReact Forum
1 answer
224 views

Hello, I've placed a datepicker in the cells of a ReactDataGrid.

When I open the DatePicker and I try to select a month from the left column, the DatePicker popup closes instead of remaining open and changing the displayed month.

I've tried to define the date picker in the formatter property or in the editor property and the problem happens in both cases.

Is there a way to keep it open when choosing the month ?

Here is a Stackblitz reproducing the problem: https://stackblitz.com/edit/react-ts-nbsds1?file=App.tsx

Open a master row by clicking on the ">" symbol in the first column and then click on the DatePicker toggle button to show the popup.

Thanks in advance.

Konstantin Dikov
Telerik team
 answered on 31 Mar 2023
3 answers
2.9K+ views

I have a Kendo Grid appearing in a modal successfully.

The filtering menus do not appear when clicking on the 3 dots in the column header.

It seems to be a layering issue. If I force change the z-index in dev tools the dropdown menu appears but then the filtering tools have issues. Has anyone else solved this problem?

Sridevi
Top achievements
Rank 1
Iron
 updated answer on 31 Mar 2023
1 answer
177 views

Hi Team,

I upgraded my kendo from version 3 to version 5.12. Colummenu icon is not rendering after upgradtion. Is there any change made in latest version?.

renderColum = (props, column) => {

Const columndata = {};

columndata.field = column.field;

columndata.title = column.title;

columndata.columnMenu= (props)=>(

< ColumnMenu {...props} column={{...column, filter: column.fikter}}

)


}

 

<Grid{this.state.colums.map((column)=>{

return this.rendercolumn(props,column)

})}


>

Vessy
Telerik team
 answered on 30 Mar 2023
1 answer
126 views
I would like to hide the group indicators that are displayed across the top of the data grid but don't see a way to do that
David
Top achievements
Rank 1
Iron
 answered on 29 Mar 2023
1 answer
102 views
image

As shown in above left and right icons are not visible for navigation. Necessary css and packages are installed.


image
Konstantin Dikov
Telerik team
 answered on 29 Mar 2023
1 answer
158 views

Hi there,

I have a Kendo React Grid with several columns which have GridColumnCheckboxFilterMenu filters. If one column is filtered, is it possible for the remaining GridColumnCheckboxFilterMenu filter menus to only display available options given the first filter?

Konstantin Dikov
Telerik team
 answered on 29 Mar 2023
1 answer
182 views
Scrollbar issue in page when tooltip is visible in chart. How it can be resolved
Konstantin Dikov
Telerik team
 answered on 29 Mar 2023
1 answer
270 views
Hello everyone, does component TreeList from Kendo for React has Lazy loading?

Example from where I get: https://demos.telerik.com/aspnet-mvc/treeview/remote-data-binding
Filip
Telerik team
 answered on 28 Mar 2023
2 answers
1.1K+ views

I am using Kendo React grid along with detail rows (expand functionality)  which works well as per the example stated.

However i need to specify another explicit "Expand ALL" button that should open the detail view of all the rows in the result page.

I  tried few attempts but facing issues while binding  this new button state behavior with the "onExpandChange" and "onDataStatechange".

 

I am using pagination and filtering also in this grid. Can you please provide working example for this.

Wissam
Telerik team
 answered on 28 Mar 2023
1 answer
214 views
it seems grid.selectable={{ drag: true }} prevents otherwise native browser cell text selection... we only need drag selection for the one special "isselected" checkbox column cells versus dragging selection across all the other cells... any way to enable this? perhaps customizing cell render function removing or adding something to defaultRendering? short of a full solution, could you elaborate on what code is capturing the click event when drag mode is enabled?
Konstantin Dikov
Telerik team
 answered on 28 Mar 2023
Narrow your results
Selected tags
Tags
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
DatePicker
Styling / Themes
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
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
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
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
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?