Hello Support Team,

with jQuery 3.3.1 the resizable option set to true is not working with the configuration in the example below. When removing other options like "toolbar" or "scrollable" it works. :D 

See the following example: https://dojo.telerik.com/IkigawaX

With jQuery 1.x everything works fine.

Regards

Alexander

Hi,

Bring up an RTL kendo Grid which has resizable true and filter mode is "row".

then try to resize the grid from filter-row of grid. we will see an internal js error.

 

you can copy and paste this code in a dojo sample and resize grid from the point is shown in the attached picture.

    <div class="k-rtl"><div id="grid"></div></div>
    <script>
        $("#grid").kendoGrid({
          columns: [
              { field: "name" },
              { field: "age" }
          ],
          filterable: {
              mode: "menu, row"
          },
          resizable: true,
          dataSource: {
           data: [
            { id: 1, name: "Jane Doe", age: 30 },
            { id: 2, name: "John Doe", age: 33 }
           ],
           schema:{
            model: {
             id: "id",
             fields: {
               age: { type: "number"}
             }
            }
           }
          }
      });
    </script>

We need to display a custom content in the grouping cells (the empty leftmost indentation cells in data rows). Currently it is impossible since the cells are rendered "statically" (kendo.grid.js, line 337):

function groupCells(count) {
    return new Array(count + 1).join('<td class="k-group-cell">&nbsp;</td>');
}

Currently I insert my cell content AFTER the rows are rendered using $('.k-group-cell', row).html(...). But, you know, it is far not the best approach.

Please implement a grid option, say, groupCellTemplate:string|object – it won't be too hard. And let me know if you would like me to contribute.

Add support for canvas rendering to the grid. This will improve performance of the grid considerably.

Part of our testing we have concluded that the current kendo grid is not working well with a number higher than 1000 records as it will become very slow when the user is scrolling the data. In an attempt to fix this the virtual scrolling has been introduced but this breaks the grouping as the number of records displayed do not take into consideration if a group is collapsed or not. Therefore you may end up in a situation where you collapse a group with 100 rows and the grid will not display the next groups as they are not part of the current page (e.g page size 10);



As an example of a canvas based grid see below:
https://github.com/openfin/fin-hypergrid

To have a paging option based on the alphabetical order for certain column instead of number paging

With a batch edit grid, it would be nice to have the ability to cancel a data operation if cells have been edited.  Currently if the user edits some cells and then does a filter or paging operation before they save their changes, there is no way to warn them and prevent the operation from taking place.  So they will lose their changes.  Ideally, I'd like to have an event that fires before the read() operation is called on the datasource which would allow the read to be cancelled.

Please add horizontal navigation with arrow keys when the grid area is smaller than the container window and there are scrollbars. See demo here: http://jsfiddle.net/epqR4/. The vertical navigation with arrows works fine, but horizontal does not.

When using multiple sort mode in a grid, visualize the sort order in which the grid is sorted. For example, displaying the sort order as 1,2,3,.. on the respective column headers. Without such an indication the user has no idea what sort order has been used.

Currently its possible to set static attributes or CSS classes to kendo grid columns by specifying then in column definition:

var columns = [{ field: 'someData', title: 'Some Data', attributes { 'class': 'some-css'} }];

Please add possibility to add custom attributes or CSS Classes dynamically (depending on data row):

var columns = [{ field: 'someData', title: 'Some Data', attributes { 'class': function(dataRow){ return dataRow.data > 1 ? 'css-go-up': 'css-go-down' }} }];

Just similar how it works with template for column.

Thanks,
Val

Hi, 

 

There is a bug on the kendo grid when you have inline editing and a filter applied

So what's happening is that when you apply a filter and then click on "add new record" it doesn't show the new record, even worst it actually add the new empty record in the datasource, so you see new empty line when you remove the filter ....

it's really easy to demonstrate, i make you a dojo : https://dojo.telerik.com/EJIhohuf

this dojo is actually the editing inline demo (https://demos.telerik.com/kendo-ui/grid/editing-inline) with just the filtering enabled like so :

filterable: {
        mode: "row"
    }

to reproduce :

- apply any kind of filtering

- try to add a new record

- here you see nothing is happening, we expect to see a new empty line to add a new record (also the beforeEdit event is not fired but not sure this is a bug)

- remove the filtering

- you can see the empty lines (if click 5 times on add new record you get 5 empty lines)

 

Best regards,

you have a great product hope you can improve it even more 

Frozen Columns is a really useful addition to the grid, but we're not able to implement it at present as we don't want to force our users to always have one column locked.  We don't want to dictate which column that should be, e.g. fixing the LH column.  

If we could enable Frozen Columns giving the user freedom to freeze one or more columns of their choice, that would be ideal. 

Some of us use custom cell editors with multiple checkboxes (or other multiple inputs) and right now we can't use the data-bind syntax to automatically update the model when the user moves away from the cell. We also can't use the grid's "save" event because it won't fire.
Please add support for the grid column to bind to arrays, OR at least let us specify in the model or grid declaration that we want the "save" event to fire (even when you wouldn't normally do it).  This event would allow us to manually get the values of all checkboxes and update the model.

Similar to http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/alleditablecolumns/defaultcs.aspx or http://demos.devexpress.com/ASPxGridViewDemos/GridEditing/EditForm.aspx

Dear support,

I've found a bug in kendo ui grid concerning the combination of grouping, multi-column headers and showing/hiding columns. To reproduce the issue, please use the "Multi-column headers" demo on your kendo ui demos page. Now please use the column menu to hide both child columns of the 'Locatiion' column header ('Country' and 'City'). Now please group the data by the column 'Contact Title'. If you now use the column menu to show one of the previously hidden columns (e.g. 'Country'), you will see that it is shown at the wrong position (left site, index 0).

I've attached an image showing the issue.

 

Kind regards

Iggy 

 

 

It would be like to setting the Edit Row and Filter Row to support checkbox without ClientTemplate. It is a very very common editor type for boolean field.

Please add the option for aggregates to be calculated dynamically by the datasource without requiring the grid to carry out a full refresh.

The current workaround from forums is:
save: function (e) {
  // Refresh aggregates when editing
  e.model.one("change", function () {
    gridDataSource.fetch();
  });
},
but as this triggers a refresh of the databound grid, it's current focussed cell is lost.

Example methodology for expected behaviour of solution:
1) A Config Flag on a datasource to recalculate aggregates when a value has been changed (only valid when aggregates are calculated locally) - this stops from requiring the save event.
2) Add support to the grid so that if the aggregates are updated then the grid will only refresh the footer rather than the whole grid. Alternatively the grid could always keep the currently focussed cell between refreshes (assuming the row has not changed, track by model's id field?)

Originally queried in forum: http://www.telerik.com/forums/grid-navigation-reset-to-first-cell-after-editing

Thanks
Euan

I have already made this feature request but perhaps not very clearly, as my topic asked for a particular solution rather than presenting the generic issue. So  I'd like to suggest it again, that other users might better understand what I was asking for, and hopefully vote for it, because I think it is a necessary feature for any application where the grid is refreshed with up-to-the-minute data every 30 seconds or so. As things stand now, the Kendo grid is stateless in this regard -- it re-expands all collapsed groups by default after a data rebind.

Below is the link to the original request, where I asked for two events (groupCollapsed and groupExpanded) and for a unique handle to the k-grouping-row that would "survive"  the data-rebind that occurs when the dataSource's data method is invoked, as in dataSource.data(someNewFreshDataWithSameSchema). 

The unique handle was simply the JSON representation of the array of distinct data values that are the basis for the particular grouping, stored in a custom data attribute,  data-k-distinct-values, in the k-grouping-row.  This data would be at-hand when the group is created, and its beauty is in its simplicity -- it does not make any additional "statefulness" demands on the grid.  

Here's the link:

http://feedback.kendoui.com/forums/127393-kendo-ui-feedback/suggestions/3487545-add-groupcollapse-groupexpand-events-and-a-data-k-

Add the ability to select grid rows by providing data objects from a viewmodel instead of specifying html/css selectors.

For example:

var myGrid = $('#myGrid').data('kendoGrid');
myViewModel.Items.forEach(function(item) { myGrid.select(item); });

Many of us are wondering (http://www.telerik.com/forums/dynamically-add-new-column) how to add new column to grid.

I imagine it to work as column picker in TeamPulse (http://demos.telerik.com/teampulse-demo/view#backlog)

For now we have two options:
-destroy old grid and create new, but this way we must take care of bindings, event handling by ourselves.
-hide unwanted columns at start and then show them when needed, but this way DOM will have unused elements.

Ideally grid would reconfigure and add DOM for new column.

Ext.JS has this build in (http://jsfiddle.net/marcusschiesser/GvGCX/)

Currently grid takes proxy url in excel option in grid. I want proxyTarget parameter in the excel options some thing like this.

excel: {

proxyURL: "/save"

proxyTarget = "_blank"

} 
So user can open exported excel in new tab inside IPAD. This option exist in kendo.saveAs() function and export to excel function also calls the saveAs function but becuase currently this parameter is not defined in excel options so proxyTarget parameter goes undefined. Adding that option in grid will let user to open exported excel in new tab for IPAD where direct download is off.