Virtual scrolling does not work for big datasets in IE and Firefox. We need adaptive scrolling 
http://stackoverflow.com/questions/2402953/javascript-data-grid-for-millions-of-rows

In google datavisualization grid, one can use cell formatters to add an excel type visualization to a cell. This could be a bar left to right showing the relative size of a value to the rest of the values. This could be an arrow comparing the result to another column either hidden or visible. This could be a color showing between red and green. The color could for instance get closer to red as they get more below 0. This is an amazing feature in google and easily configurable. It would be great of your grid could do the same.

It's a common scenario to set custom css on <td> for specific column, for example, using columns: { field: "ScoreNumber", css: "right-align", title: "Score" } to get <td class='right-align'>, then I can make every every score field text-align: right.

Maybe adjusting _tmpl: in Grid Widget as 
rowTemplate += "<td" + (column.css ? " class='" + column.css + "'" : "") + ">"; is a easy way to accomplish it.

Hi,

     I posted an issue in forum thread.
http://www.telerik.com/forums/grouping-with-column-template-not-working

I'm stuck because grouping is not working on template column containing null values.  Is it possible to get a working solution?  It seems to be a simple null check not done in kendo framework...

Thank you for your help

We can use template while rendering the custom command but the template doesn't have access to any of the data i.e neither row data(like generic field 'data' in column template) nor field data(individual column). 

There is no easy way to do conditional logic based on the data being rendered for the custom command. e.g. Have different icon for the custom command based  on the status.

We can achieve it during the databound but it is after the fact that the custom control is already rendered and we are tinkering with that. If the computer is too slow or if you have lot of data then user will observe the flickering effect.

It would be really great if Kendo implemented JQuery Promises on all methods that are fired asynchronously. There are several places where there would be direct and tangible benefits:

1) DataSource: Methods like fetch() and read() would be able to chained with .then(), .fail(), and .always() in order to complete certain operations after these methods have completed, but before events are fired up the chain.

2) UI controls like Grid: calling KendoGrid.saveChanges() would allow you to chain a .then() function to the end, so that a particular function can be called only when a particular instance of saveChanges completes, not every time the requestEnd event is fired on the DataSource.

Hello,

from our development I could collect some suggestions for improvement, which we would be pleased about in the future:

MVC
-> Grid
-> Export to Excel
- Do not show columns in export - currently only possible with Javascript
- Display additional columns in the export that are only displayed in the export and not in the interface 

The following event-handler does not work when run in a mobile environment (iPad). Otherwise it works as expected:

Result: all columns a set to their minimum width.

 

    var grid = $("#grid").kendoGrid({
        dataSource: dataSource,
        columns: [

// ...       

],

        columnShow: function (event) {

            console.time('autoFitColumn');
            for (var i = 0; i < this.columns.length; i++) {

                var col = this.columns[i];
                             this.autoFitColumn(i);
            }
            console.timeEnd('autoFitColumn');
        },
      // ...
        filterable: true,
        sortable: {
            mode: "multiple",
            allowUnsort: true
        },
        pageable: true,
        reorderable: true,
        scrollable: true,
        columnMenu: true,
        mobile: true,
    }); 

The autofix column feature does not work properly if you enable sorting on the grid. You can see the issue if you open the Dojo for the following demo: https://docs.telerik.com/kendo-ui/knowledge-base/grid-autofit-all-columns-width

If you sort e.g. by column "Ship Country" and sort ascending you will see the name of the column ending with "..." but not the icon for the sort direction. If you press the column again and sort descending than everything works as expected - the column width increases and the icon is show.

I tested the problem in multiple browsers, but the main browser I have to support will be the IE.

BR,
Christian 

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.