Completed
Last Updated: 20 Mar 2019 12:43 by ADMIN
Although Kendo React UI supports virtualization for grids with many rows, supporting virtualization for wide rows with hundreds of columns would increase rendering performance.

https://www.telerik.com/account/support-tickets/view-ticket?threadid=1343205
Approved
Last Updated: 13 Mar 2019 09:38 by ADMIN
Created by: Rogelio
Comments: 1
Type: Feature Request
0

Currently, ComboBox generates a UUID and uses it as the input tag's id property (e.g. <input id="2e048165-6468-46c0-ba39-c47b12c7fcf2" />).

 

As a developer, I want to be able to set my own custom id so that I can set my own label tag as a sibling to the ComboBox component.

 

For example, I would like this to be possible:

<label for="hello">Hello World</label>
<ComboBox id="hello" />

 

There is a label prop offered on ComboBox which works fine but it does not let me specify the label tag with custom class names, styling, etc.

 

This new id prop should be optional and ComboBox can keep using the same technique it does when no id prop is passed to it.

 

Approved
Last Updated: 05 Mar 2019 08:10 by ADMIN
Created by: Ricky
Comments: 0
Type: Feature Request
2
Request for a GroupHeaderTemplate for the Grid.

Currently, the only approach is to loop the data and set the desired text as a field value.
Declined
Last Updated: 04 Mar 2019 09:04 by ADMIN
Right now there is no way that I found to create a row that displays the totals without grouping the data. I have had to create a separate table and hide the columns to simulate this feature. 
Approved
Last Updated: 22 Feb 2019 07:48 by ADMIN
Created by: Arun
Comments: 1
Type: Feature Request
3

Hi, is there a way i can customize the paging options style? The default is we have the page selection on the left, number of Items per page selection in the middle and the total records info on the right. I would like to just reverse it. I tried a display flex on the container and a flex-direction: reverse but it reverses the paging icons also. Please advise.

A custom render method for the paging component or a wrapper around the paging buttons would be ideal so as to do a flex-reverse to play around with the styles.

 

https://stackblitz.com/edit/react-eb8yzz

Completed
Last Updated: 19 Feb 2019 13:06 by ADMIN
Created by: Imported User
Comments: 1
Type: Feature Request
1
We have database constraints on certain fields e.g. varchar(10) and would like to prevent the user from entering invalid data into the combo box fields. If it's not too much trouble a minLength field would also be convenient.
Approved
Last Updated: 19 Feb 2019 12:55 by ADMIN
Under Review
Last Updated: 19 Feb 2019 12:23 by ADMIN
I have grid with 1000 items. On every small change to my models, like selection or expand, I am getting every table cells being re-mounted, instead of re-rendered (imagine how many of them is currently with 1000 rows). I have tried to use shouldComponentUpdate to optimize my rendering, but grid component just removes old cell and mounts new one, instead of rerender.
Approved
Last Updated: 19 Feb 2019 12:21 by ADMIN
Created by: Imported User
Comments: 0
Type: Feature Request
8
As in the JQuery version, it would be good to have the option of setting min screen width for grid column like below.

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.minscreenwidth#columns.minScreenWidth
Completed
Last Updated: 19 Feb 2019 10:30 by ADMIN
I'd like to be able to get the generated pdf data from GridPDFExport in a callback, instead of saving to file. This is useful for emailing pdfs.
It can easily be achieved by adding a 'generatePDF' method to the KendoDrawingAdapter prototype such as this:

  KendoDrawingAdapter.prototype.generatePDF = function (callback) {
        var _this = this;
        var savePromise = this.drawDOM(this.domElement, this.getDrawOptions())
            .then(function (group) { return _this.exportPDF(group, _this.getPDFOptions()); })
            .then(function (dataUri) { return dataUri });
        if (callback) {
            savePromise.then(callback, callback);
        }
    };
Completed
Last Updated: 19 Feb 2019 07:45 by ADMIN
Created by: Ben
Comments: 1
Type: Feature Request
1
When using DateTime's in column using Grid there should really be a way to use MomentJS to convert the value in the column. In jQuery it was a simple case of template: "#:moment().format('dd/MM/yyyy')#". Can we please have this ported over.
Approved
Last Updated: 19 Feb 2019 07:09 by ADMIN
Create a function callback for the Upload saveUrl.
This will allow for more flexibility when making requests.
Approved
Last Updated: 18 Feb 2019 13:21 by ADMIN
Created by: Karthik
Comments: 0
Type: Feature Request
2
It will be very useful if we can get the new component for IPV4/IPV6 input fields. Especially networking related products, I see lot of use cases.
Declined
Last Updated: 18 Feb 2019 13:16 by ADMIN

Multi-selecting rows using the mouse selection doesn't work for React Kendo Grid.

With the kendo grid wrapper for React we were able to  multi-select rows using the mouse selection in the grid bounds. 

 

Approved
Last Updated: 18 Feb 2019 13:15 by ADMIN
Add ability to set attributes to the Grid header cell via prop. For example the title attribute.
They can be set as with key value.
Declined
Last Updated: 18 Feb 2019 13:13 by ADMIN

Like in the jQuery counterpart, when I click on a cell to edit the value - I should be able to tab over to the next cell to edit it.

 

Approved
Last Updated: 18 Feb 2019 13:12 by ADMIN
Created by: Justin
Comments: 1
Type: Feature Request
7

It would be great to have a TreeList component similar in appearance and behavior to the jQuery TreeList (https://demos.telerik.com/kendo-ui/treelist/index), but with the kind of support for virtual scrolling built into the native KendoReact Grid component.

A React wrapper exists for the jQuery TreeList, but it still doesn't play nicely with React, and in any case only supports paging for displaying large data sets, which is inherently not intuitive for displaying tree structures where parent / child hierarchies might span multiple pages.

My sense is this native component would basically be the Grid, but with support for hierarchical data, including drag-and-drop re-ordering of parent / child relationships.

Thanks for considering this feature.

Declined
Last Updated: 18 Feb 2019 12:57 by ADMIN
Created by: Jason
Comments: 1
Type: Feature Request
3

I discovered a lack of parity between the React and Angular implementations of the TabStrip/TabStripTab components. Specifically, in the React version the "title" prop determines the contents inside the resulting <k-link> CSS class, whereas the Angular version allows you to set a template, for more complex tab header components.

This became an issue for me, because we have overridden the CSS for a custom progress tracker component built on the tab strip in an Angular implementation. I am now tasked with replicating the component in React, but had to resort to my own TabStrip/TabStripTab classes, instead of being able to use your components. (My goal is to be able to use the existing CSS, maintained by our UX team, out of the box.)

Hope that made sense. Feel free to contact me if it's not clear what I'm asking for, or if there is already a solution to this. Thanks!

 

React version:

 

Angular Version:

 

 

Declined
Last Updated: 18 Feb 2019 12:57 by ADMIN
this.state = {
sort:[
{field:'Date',dir:'desc'}
],

};

<Grid

sortable={true}
sort={this.state.sort}
onSortChange={(e)=>{
this.setState({
sort:e.sort
});

}}

<Column field="Date"filter="date"format="{0:d}"/>

In this way,the date will be sorting with Month, How can I sorting start with year instead of month

Approved
Last Updated: 18 Feb 2019 12:56 by ADMIN
Created by: Vikrant
Comments: 2
Type: Feature Request
12
Grids should have auto width and max-width property