Add arrow for the MultiSelect.

Add on Add and onRemove events for the MultiSelect.

Also, the onChange event may receive additional parameters instead:

1) Action - Add or Remove

2) DataItem - It will contain the selected or the  deselected item

I want to make a request to add the autoClose property to manage KendoReactMultiSelect control.

Here is an example of code with several MultiSelect controls on the same page without the autoClose property:

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

You can clearly see that the autoClose property will be really useful.

Thanks.

How does grid support footer row and fix it at the bottom of the table

I don't know how to implement rowspan

As in the JQuery version, it would be good to have the option of hidding a column. 
https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.hidden

Add a prop to add your own class name to the Dialog

Return the entire dataItem in the AutoComplete onChange event, similar to the DropDownList.

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

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.

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. 

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

If you create a react grid without any GridColumn components and then add those components later, the added columns do not show and the grid is empty.  It appears, after a quick look that the columns have a width of 0 pixels.  They exist in the html, just not displayed.

 

See https://codesandbox.io/s/mmr894nllp as an example of the problem.  This example starts with a populated grid.  You can add columns and data using the buttons above the grid.  This works fine.  If you then "Reset" the grid with the button, which removes all data, any attempt to add columns and data will show a blank grid.

 

Thanks,

Joe

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);
        }
    };

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.

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.

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.

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.

 

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: