Hi,

I raised a forum support ticket for hiding the scrollbar when the data rows is <= pagesize. https://www.telerik.com/account/support-tickets/view-ticket/1493109

The response was to set the scrollbar overflow to auto and padding removed which caused overlapping of the scrollbar with the last column when visible. 

 

Feature is requested to have this feature inbuilt with Grids having Virtual Scroller to avoid it.

 

Thanks

Devna

For example.
Consider table with 2 columns.
 - Task (limited number of possible tasks type)
 - Description (free text descriptions)

I would like to have table with multi-check on Task column and row filtering on Description column.

Hi,

The Kendo UI Grid has the ability to conditionally hide/show the command columns. But in order to hide some buttons from the toolbar, you need a dataBound handler. It will be useful to hide the "Create" button from non-admins, but be able to show the PDF and Excel Export or hide the entire toolbar.

Currently, we need to use this dataBound handler:



Thank you in advance,
Ken

Hi,

I updated my project to Kendo UI for jQuery 2020.3.1021 but then all Grids stopped working on mobile or tablet devices. When downgrading to 2020.3.930 grids works fine. Also tried it with 2020.3.1028 but same issue.

I have tested it on iPad, iPad Pro, Samsung S10. Same issue with Chrome/Edge Chromium and emulate a mobile/tablet device.

In the browser console you can see the javascript error: "Cannot read property 'rows' of null".

Reproduction of the problem:

1. Go to https://demos.telerik.com/kendo-ui/grid/index
2. Hit F12 top open the Developer toolbar
3. Click on "Toogle device toolbar" (CTRL + SHIFT + M)
4. Choose any device, ex: iPad, iPhone
5. Reload page to make the changes take effect
6. Click on "Run live demo"
7. Grid not loading!!
8. Console is showing a JavaScript error: "Cannot read property 'rows' of null"

 

Create Grid with scrollable, resizable, navigable settings set to true in RTL (Chrome Version 85.0.4183.121 (Official Build) (64-bit))

• If scroll exists, resize in column will not work
• after scrolling the scroll to left, when try to edit inline cell in left side, scroll eventually go back to the scroll start position(in the right) and cell is closed for edit(have no option to edit grid with big amount of columns)
• after scrolling the scroll to left, mouse hover to column header removes all column headers, the headers appears after moving the scroll to the start position 

Link to Dojo:

https://dojo.telerik.com/IZInOVUd/4

 

video:

https://drive.google.com/file/d/1pQa4UVLcMUg929JgTtKJ1udxIAbWtn0m/view

 

Regards,

Hello, the Excel Export doesn't export the columns headers sums (view in image).

Is it possible export to Excel columns headers sums?

Hello,

I am working on a project with Angular 8. 
I am using Kendo detailed template to represent the data.

It is very needed for my project to have this working with locked columns.

In your documentation I have read that this is not possible yet.

Would you please consider adding this feature?

If so, when do you plan adding it?

Bug report

When the dataSource is set with the setDataSource method

Reproduction of the problem

Dojo example.

1. Run the dojo
2. Click the button
3. Focus the first Grid cell. Press and hold the Down Arrow key to navigate through the rows

Current behavior

The scroll position is not updated while scrolling and navigation stops at 10347.

Expected/desired behavior

Scroll position is properly updated and the user can navigate to the end of the page.

Environment

• Kendo UI version: 2020.3.915
• jQuery version: x.y
• Browser: [all ]

Take this Dojo: https://dojo.telerik.com/iCECeXeC

1. Press 'Run'
2. Remove the filter for Contact Title
3. Press 'Save State'
4. Reload page (F5)
5. Press 'Run'
6. Press 'Load State'

Result: The filter for Contact Title is not removed.

 

On the other hand if I do the following:

1. Press 'Run'
2. Change the filter for Contact Title to 'Sales Representative'
3. Press 'Save State'
4. Reload page (F5)
5. Press 'Run'
6. Press 'Load State'

Result: The filter for Contact Title is changed correctly to 'Sales Representative'

 

Why is the first example not working? Is this intended behaviour or a bug? Is there a workaround?

 

Kind regards.

When there are a lot of columns on the page and a column is shown, it is shown at its original position in the grid columns array. 

It would be much better from a user experience point of view if the column is shown where the user clicked on the column menu to show the hidden column.

Bug report

Regression introduced in 2019.2.619.
Related commit: telerik/kendo@2a806f6#diff-f810c335b76ea2e4d78327457f230a46L3882-R3882

Reproduction of the problem

Dojo example.

1. Add a new record.
2. Click "Update" in the editor.

Current behavior

The following validation message is displayed: ! name

Expected/desired behavior

The validation message should be: ! name is required

Environment

• Kendo UI version: 2019.3.1023
• jQuery version: x.y
• Browser: [all]

grid column virtualization issue with hidden column.

When you scroll further in your grid having one or multiple hidden column(s) the value of the hidden column appears in a side column.

 

 

<!DOCTYPE html>
<html>
<head>
    <base href="https://demos.telerik.com/kendo-ui/grid/column-virtualization">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.114/styles/kendo.default-v2.min.css" />

    <script src="https://kendo.cdn.telerik.com/2020.1.114/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.114/js/kendo.all.min.js"></script>
    

</head>
<body>
<div id="example">
    <div id="grid"></div>
    <script>
        $(function() {
            var columns = [];
            var data = [];
            var numberOfColumns = 500;
            var numberOfRows = 100;
            var field;
            var row;
            var i;
            var j;
               
            for (i = 1; i <= numberOfColumns; i++) {
                field = ("Field" + i);
              if(i==2)
                columns.push({ field: field, title: field, width: 200, hidden: true });
              else
                columns.push({ field: field, title: field, width: 200 });
            }
            for (i = 1; i <= numberOfRows; i++) {
                row = {};
                for (j = 1; j <= numberOfColumns; j++) {
                    field = ("Field" + j);
                    row[field] = "R" + i + ":C" + j;
                }
                data.push(row);
            }

           var dataSource = new kendo.data.DataSource({
               pageSize: 10,
               transport: {
                   read: function(e) {
                       e.success(data);
                   }
               }
           });
           
           $("#grid").kendoGrid({
               dataSource: dataSource,
               sortable: true,
               scrollable: {
                   virtual: "columns"
               },
               width: 1000,
               navigatable: true,
               filterable: true,
               columnMenu: true,
               pageable: {
                   refresh: true,
                   pageSize: 10,
                   pageSizes: true,
                   buttonCount: 5
               },
               columns: columns
           });
        });
    </script>
</div>


</body>
</html>

I would like to request the feature to allow auto-Scrolling in the Kendo UI Grid when selecting cells outside of the displayed view of records.  I would specifically like to see this feature for columns out of view from the right or left.  This would be similar to Excel's behavior.

Thank you!

Hi Team,

I'd like to request the functionality to allow the user to select the ALL option while using GroupPaging.  

Thank you

Bug report
Grid Filter Inputs Value Switch after filter is applied and filter menu reopened

Current behavior
When the second input in the filter menu is provided and grid filtered after reopening the filter menu the filtered value is bonded to the first input

Dojo to reproduce:

https://dojo.telerik.com/UXajIbey

Steps to reproduce:

1. Open filter menu for "Event Date" column

2. Set a filter value on the second DatePicker input and hit the Filter button

3. Reopen the filter menu on the same column

Expected/desired behavior
The filtered value shall be bonded to the input user has provided

Environment
Kendo UI version: all
Browser: all

It would be great if the selected operator could be made visible in a filter row. For instance when I select the operator "Is greater than or equal to" the filter button icon should reflect this operator option. Something like this:

Bug report

Expanding all detail templates via expandRow() on a Grid with many records and no paging enabled takes really long time

Reproduction of the problem

 - Open

Dojo: https://dojo.telerik.com/aBAseraz

- Click Expand All button (the page gets non-responsive for 70 seconds)

Expected/desired behavior
The above Grid shall expand all detail templates for a reasonable less amount of time. For example: 

• https://dojo.telerik.com/aBAseraz/5