Telerik Forums
KendoReact Forum
5 answers
208 views

Hi,

I have couple of general questions for Grid

1) Is it possible to set the width in Percentage to Grid cell? I tried below but it is not working 

       <GridColumn title="Last Name" cell={lastNameCell}  width="50%"/>

2) Onchange : I have created custom cell inside the grid (for example lastNameCell which of type control input Html) and onchange of input I have return     following code 1. In the below code whenever I start typing it invokes grid itemchange event, however with itemchange event I also want to invoke other function which I received from other component

 

Code 1

onChange = (event) => {
        this.props.onChange({
            dataItem: this.props.dataItem,
            field: "FullName",
            syntheticEvent: event.syntheticEvent,
            value: event.target.value
        });
        this.setState({
            data: this.filterData(event.target.value),
            value: event.target.value
        });
    }

For example : My first component is receiving the function from other component, therefore whenever I start editing the controls onchange invokes the function return in other component. later in first component I have added Grid with custom input control, therefore whenever I start editing the control inside the grid it should invoke the grid itemchange as well as the function which I am receiving from other component.

3) For paging, in the example mentioned at below link, if I removed all the records from input js file, the grid still displays the forwarding arrow in enable state. is there any way to disable this? Attached is the screenshot for same

https://stackblitz.com/run/?file=app%2Fwith-state.js

 

Regards,

Parag

 

 

 

Stefan
Telerik team
 answered on 19 Nov 2018
3 answers
574 views
We're using standard master Master-Details Grid to show relations between parent and child records. By our design, there shouldn't be left-hand offset in detail table. Going through your API we didn't find appropriate option to disable it. We tried to hide corresponding <td> element to get required view but columns get inconsistent widths doing this was way:

.k-detail-row.k-hierarchy-cell {
  display: none !important;
}

https://i.imgur.com/ts6Bse4.png

How to disable this offset properly?
Stefan
Telerik team
 answered on 16 Nov 2018
1 answer
60 views

Hi,
Is it possible to set bottomView and topView properties of Calendar in React / DateInputs / DatePicker?

Stefan
Telerik team
 answered on 16 Nov 2018
1 answer
110 views

Hi!

I've noticed that kendo charts still don't support quarter as a base unit. I have found some old topics from 2012-2013 related to Kendo for jQuery where you suggested setting up base unit to 'months' with a step of 3. Is there a better workaround now? Or has this feature been implemented in some other form?

Stefan
Telerik team
 answered on 15 Nov 2018
3 answers
137 views

In the link here: https://www.telerik.com/blogs/how-to-get-the-best-grid-performance

The following is suggested under the "Use Editors or Widgets in Cells Wisely" section:

"At this point we decide to prevent the rebinding of the Grid after each change by removing the two-way binding and by changing the dataItem values manually (changing the properties without using the “set” method and setting the dirty property to true). Great, now we can edit multiple records without re-rendering the Grid"

This obviously refers to the Jquery Kendo Grid.

How would one achieve the same thing using the React Wrapper? 

Matthew
Top achievements
Rank 1
 answered on 12 Nov 2018
3 answers
350 views
I have found mentions that kendo UI supports tree shaking, but I couldn't find any mention of it in the kendo react docs. Looking at module syntax, it looks like tree shaking would be supported but I just wanted to make sure. Does kendo react support tree shaking? Does kendo react come with typescript definitions?
Stefan
Telerik team
 answered on 12 Nov 2018
5 answers
346 views
I'm getting this blank space at the bottom of my locked columns.  Has anyone seen this?
Phillip
Top achievements
Rank 1
 answered on 08 Nov 2018
1 answer
226 views

If you try and filter a date column, right when you click the calendar button in the date filter it will open the calendar picker but then it immediately closes.

Demo: https://stackblitz.com/edit/react-6gkfdf

Is this a known issue.

Stefan
Telerik team
 answered on 08 Nov 2018
9 answers
897 views

Hi,

I have a grid with selectable set to 'multiple, row' and I have grouping turned on. The request from our design team was to have a "Select All" checkbox that is beneath each grouping. Is that possible? We certainly have the select all checkbox for the entire grid, but they want them on an individual grouping basis.

Let me know if you need more detail or code sample.

Thank you!

Christine
Top achievements
Rank 1
 answered on 07 Nov 2018
13 answers
514 views

Hi,

 

I want to add custom control in grid with grouping feature. I have created customcell for dropdown and integrated same in grid but the same dropdown appears on group header as well. Is there anyone to hide this.

Attached is the screenshot.

Stefan
Telerik team
 answered on 06 Nov 2018
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?