Hiding the first column in Grid will show a 2 pixels left border instead one.

Dojo Sample to replicate the issue: https://dojo.telerik.com/ubaLiYEN

Steps:

1. Hide the first column (OrderID) from the Column Menu.

2. Notice the doubled left-border on the left hand side of the Grid.

We have few of dynamically created grid controls. I like to change the grid header style for all of them. I found this solution on the forum however there is an issue with this. If I override ".k-grid-header th.k-header" the change effects column filter popup content as well. See this example on dojo: https://dojo.telerik.com/@ssharifi/AvayONaQ all text and drop down texts are also effected.

I just need to override the title text. What style can I set so the title text is bold but not the filter options?

Thanks,

Shawn

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"

Bug report

When applying GroupPaging with local data using a Kendo UI Grid with AngularJS, the error message Uncaught TypeError: Cannot read property 'hasSubgroups' of undefined' appears upon expanding a parent row.

Reproduction of the problem

1. Go to this Progress Kendo UI Dojo.
2. Attempt to expand the row.

Current behavior

Currently, the UID for the group is not matching the group row's UID, and the error message appears.

Environment

• Kendo UI version: 2021.1.224

Bug report

When sorting is enabled for a virtualized Grid with local data, in some cases the Grid does not show correct items when sorted.

Reproduction of the problem

1, Open the Dojo example
2. Scroll to the bottom
3. Sort the Grid

Current behavior

Only the last 3 items are displayed. (screencast)

Note: The issue does not occur every time.

Expected/desired behavior

Enough items to fill the Grid height should be displayed. There should be no blank space without records.

Environment

• Kendo UI version: 2021.2.616
• Browser: [all ]

Bug report

When calling the exportSelectedToExcel method and passing true to it, so that the headers are also exported, a js exception related to the aggregates (count, sum, etc.) is thrown.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/UkIloRag/3

1. Select a few cells and click the button above the Grid.

Current behavior

A js exception is thrown.

Expected/desired behavior

No js exception is thrown and the Grid is exported as expected.

Environment

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

Bug report

When the number of groups is less than the page size count the grid does not display the entire set of groups

Reproduction of the problem

Run this dojo - https://dojo.telerik.com/@efb@qad.com/eCizuraT

Current behavior

Only a subset of the groups is displayed

Expected/desired behavior

All the groups should be displayed

Environment

• Kendo UI version: 2022.3.915
• Browser: [all]

Hello,

we have the following problem:

In the dojo https://dojo.telerik.com/uJUGEQuh clicking on a row from the skleton loader in the grid causes an error. It seems like you want to access the "id" field from the datasrouce model which doesn't exist in the loading animation.

model:
{
	id: "Id",
	fields: 
	{
		ProductName: { type: "string" },
		Id: { type: "number" }
	}
}

If you rename the "id" field to for exmaple "XXXX" the error message changes

from:

Uncaught TypeError: Cannot read properties of undefined (reading 'Id')

to:

Uncaught TypeError: Cannot read properties of undefined (reading 'XXXX')

We attached a gif of the problem and the code snipped of the dojo. The browser is Chrome Version 109.0.5414.120 (Official Build) (64-Bit)

Greetings

Ingo E.

Bug report

In Grid with classic columnMenu, both filter and columns popups appear if you move the mouse quickly over both.

Regression introduced with 2023.2.606

Video to reproduce: https://screenpal.com/watch/c0iI6fVgJjm

Reproduction of the problem

1. Open the ColumnMenu Grid demo - https://demos.telerik.com/kendo-ui/grid/column-menu
2. Switch to classic ColumnMenu from the dropdown
3. Open the ColumnMenu of a Column
4. Quickly move your mouse through the Columns and Filter popups

Current behavior

Both Filter and Columns popup appear together

Expected/desired behavior

Only one of the popups should be visible at a time

Environment

• Kendo UI version: 2023.2.718
• Browser: [all ]

Bug report

In a Grid with a locked column, if you use the setDataSource method, the row sizing stops working.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/uwIqiJIG/6
2. Click the Set DataSource button

Current behavior

The Row sizing functionality stops working.

Expected/desired behavior

The row sizing should work

Environment

• Kendo UI version: 2023.2.829
• Browser: [all]

Bug report

In a Grid with virtual row and column scrolling enabled, if there are large number of hidden columns, the horizontal scrolling is very slow.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/EWeVaQOc/12
2. Try to scroll horizontally

Current behavior

Horizontal scrolling is slow

Expected/desired behavior

Horizontal scrolling should be smooth

Environment

• Kendo UI version: 2023.3.1114
• Browser: [all]

Steps:

1. https://dojo.telerik.com/URaJeSEk
2. Click the "Change Price" button

Expected: kendoConsole logs the dataItem info in the top message
Actual: dataItem() doesn't find the model even though it exists in the Grid dataSource

In the Grid source code in the refresh function, _data is set to dataSource.view() if partialUpdate is true. For a grouped dataSource, view() will return the parents. This breaks the dataItem function since it relies on the flat array for retrieval.

It looks like this issue was introduced in version 2024.1.319 as it doesn't seem to affect 2024.1.130.

Bug report

Grid throws error when partial update is executed and selection is persisted

Reproduction of the problem

1. Open the following dojo.
2. Select a row.
3. Place it into edit mode.
4. Make some changes and click on the Save command button.
5. Try to select another row.

Current behavior

The Grid throws an error when the partial update is executed and the selection is persisted.

Expected/desired behavior

The Grid should not throw an error when the partial update is executed and the selection is persisted.

Environment

• Kendo UI version: 2024.1.319
• Browser: [all]

When using a grid vith virtual scrolling it is currently not possible to get the current result that is viewed. I wanted to show the user approximatelly where he/she currently, i.e., I wanted to display in the GUI something like "Displaying rows 501-600 of 3211" when the pageSize is 100 and the total number of rows in the Grid is 3211. 

This would be helpful for orientation when using virtual scrolling with a high number of results. 

I have tried grid.dataSource.page() and this one is not currently possible to use. The results will be something like 100,200,300,400,500,600,500,700 sometimes going back a hundred and somtimes going forward 200 when using the scrollbar to scroll downwards.

Please check yourself by just creating a virtual scrolling grid with server side operations. Put the printout in the event handler for "DataBound". Page(), Skip() etc are not possible to use for the inconsistent behavior according to above. 

You help has not been able to find a solution or workaround for this and suggested I ask for this as new functionality.

Hi Team,

Kendo grid does not allow all columns to be hidden from column menu as it disables the check box for last column in column menu.

But if we set hidden = true and menu = false properties for column, grid hides that column from grid and column menu, but enables the checkbox to hide all columns from grid leaving it empty. After which we can't get back the columns in grid which isn't valid.

Grid should always allow at least one column to be included in grid/menu.

Please find attached screenshot and below sample link.

https://dojo.telerik.com/EHOgaJUK/2

Thanks,

Jyotika

### Reproduction of the problem
1. Run the Checkbox selection demo in IE 11.706.17134 - https://demos.telerik.com/kendo-ui/grid/checkbox-selection
2. Try clicking a checkbox

### Current behavior
Two clicks are required to change the state of the checkbox.

### Expected/desired behavior
Checkbox should be checked/unchecked with a single click

### Environment

* **Kendo UI version:** 2019.2.514
* **Browser:** [ IE 11.706.17134 ] 

Cannot read property 'groupHeaderColumnTemplate' of undefined.

I have my grid, with 4 columns:

When i grouping for Date field, the browser run this error: 

kendo.all.js:65435 Uncaught TypeError: Cannot read property 'groupHeaderColumnTemplate' of undefined
    at HTMLTableRowElement.<anonymous> (kendo.all.js:65435)
    at Function.each (jquery.min.js:2)
    at I.fn.init.each (jquery.min.js:2)
    at init._renderGroupRows (kendo.all.js:65417)
    at init.hideColumn (kendo.all.js:64983)
    at Function.KendoUtils.hideGridColumns (kendo.utils.js:330)
    at init.dataBound (eval at <anonymous> (jquery.min.js:2), <anonymous>:77:32)
    at d (jquery.min.js:2)
    at init.handlers.<computed> (kendo.all.js:9520)
    at init.trigger (kendo.all.js:124)

When clicking on CheckBox to select a line, the widget check other checkbox (on other column of the same line) inserted from column template.

I suppose that the selector that the system use is too large.

For information, i created a template for boolean column based on how kendo generate checkbox structure (just de be coherent)

See the code extracted from https://dojo.telerik.com/EqiPIkiV

 var checkBoxtemplate = function(boolValue){
   	var checkedStr = '';
    if (boolValue) {
    	checkedStr = 'checked="checked"';
    }

        
    return '<input class="k-checkbox" data-role="checkbox" ' + checkedStr + ' type="checkbox"><label class="k-checkbox-label k-no-text smi-checkbox-fordisplay"></label>';
 };
  
$("#grid").kendoGrid({
  columns: [
    {
      selectable: true, 
      width: '30px'
    },
    { field: "name" },
    { field: "age" },
    { field: "administator", 
      template: function (dataItem) { 
        return checkBoxtemplate(dataItem.administator); 
      }  
    }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30, administator: false },
    { name: "John Doe", age: 33, administator: false },
    { name: "BigBoss Doe", age: 70, administator: true }
  ],
  selectable: true
});