Bug report

Pdf export comes with loader when Kendo grid with endless scroll and allPages enabled

Reproduction of the problem

https://dojo.telerik.com/ABiMAjIK

Expected/desired behavior
No loading indicator shall be rendered in the exported PDF

Environment
Kendo UI version: all
Browser: all

Hi,

When the grid is initially hidden and then revealed programmatically, the pageSizes (and several other elements) are not rendered.

Reproducer:

1.  Go to https://dojo.telerik.com/EBugiKAZ
2. Press Run and click the button, see no pageSizes and no "1 - 1 of 4 items" text
3. Resize the browser window and see the elements appear (requires a minimum size, seems responsive related)
   

This also breaks when you have grid in a hidden div that you toggle open and it breaks in both Chrome and Firefox

### Bug report

When the loaderType is set to "skeleton" and the grid is a hierarchy, the skeleton placeholder for the last column is not rendered.

### Reproduction of the problem

1. Set the loaderType to "skeleton".

2. Set a child grid to create a hierarchy.

3. Load the grid.

4. The last column has no skeleton container.

### TicketID: 1534057

### Environment

* **Kendo UI version:** 2021.2.616
* **jQuery version:** 1.12.4
* **Browser:** [all]

When the autofitcolumn method is used together with multi-headers and hidden columns, some of the columns are either not visible at all or shrunken.

The problem can be observed in the following Dojo:

https://dojo.telerik.com/EJezUyeg 

The CompanyName column should be visible, however it is not. If the example is ran in fullscreen, the column will be visible, however it will shrink if the Browser window gets smaller.

Hi team,

To reproduce that, go to https://demos.telerik.com/kendo-ui/grid/persist-state

- first, inspect the TH element of the "Contact Name" column, no headers attribute. (screenshot 1)

- then click on "Save State" button and click on "Load State" button.

- now, inspect again the TH element and you will find the attribute "headers"="undefined", on each column actually. (screenshot 2)

Not a big deal but this makes an entry (serious) with the Axe plugin accessibility checker.

Please advise and propose a workaround if any.

Best regards,

Laurent.

Bug report

In the Html4 specification it required the tbody element to follow the tfoot element. In contrast, the current Html5 specification favors the thead > tbody > tfoot structure, even though it doesn't explicitly forbid the table's tfoot element to be rendered after the thead and before the tbody element: https://html.spec.whatwg.org/#the-table-element
In terms of accessibility, it makes more sense the tfoot element to be rendered after tbody. This way the readers would be able to read the elements in a logical order: thead > tbody > tfoot

Reproduction of the problem

https://demos.telerik.com/kendo-ui/grid/aggregates

Inspect the footer

Current behavior

tbody is rendered after tfoot.

Expected/desired behavior

tbody is rendered before tfoot.

Environment

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

### Bug report

The Grid is filtered initially and no records are displayed. When a specified filter is cleared through the column filter menu, the column with the checkbox filter menu does not show any checkboxes and there is an error in the browser console.

### Reproduction of the problem

1. Create an initially filtered grid and enable the checkbox-filter menu on the first column.

2. When the grid is loaded and no records are displayed (based on the applied filters), clear any of the filters manually through the column menu.

3. Click on the column menu of the first column.

4. An error is logged in the browser console. The checkbox-filter menu contains no options, but the column has data.

A Dojo sample for reproduction: https://dojo.telerik.com/oJAvaMUy

### Expected/desired behavior

The options in the checkbox filter menu should be loaded properly when any column filters are reset.

### Environment

* **Kendo UI version: 2021.2.616
* **jQuery version: 1.12.4
* **Browser: [all]

We have a requirement from customers to allow date columns to be filtered by the following criteria:

- IsToday

- IsBeforeToday

It should appear the grid as follows:

This would mean the filter is based on current date, rather than a date selected in a datepicker.

Rather than ask for this specific functionality we would like to be able to specify custom operators for date. As per the link:

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/filterable.operators.date

You can currently only alter the text on pre configured operators. We would like to be able to add new operators, like this.

kendo.ui.FilterMenu.fn.options.operators.date.today = "Is Today";
kendo.ui.FilterMenu.fn.options.operators.date.lttoday = "Is Before Today";

We would then need to be able to configure the logic used for the new operators.

Currently the only way to make column headers fixed and always visible as you scroll through a Kendo Grid is to make the height of the grid fixed. This doesn't allow responsive UI and dynamic sizing of the grid. I would like to see support for having fixed headers regardless of height of the grid, such that the grid may fill whatever container it's in and change size while allowing this.

This Telerik response confirms the current functionality:

https://www.telerik.com/forums/columns-header-always-on-top

I know I can do it from the dataBound event, but... that seems like a kludge compared to just re-using the existing attributes property code on other objects.

Instead of this:

dataBound: {

   $(".k-grid-edit").attr("title", "View/Edit");

}

this:

command: [{ name: "edit", text: "", click: ShowDetails, attributes: {title: "View/Edit"} }], title: "", width: 40

Hi Team,

I would like to request the functionality to add a format configuration to the columns.filterable.multi property.  This way, it will be easier to customize instead of using the ItemTemplate to recreate the whole filter.

Thank you!

### Bug report

When the grid uses GroupPaging, Locked columns and one group spans over two pages, the header rows on the second page are misaligned.

### Reproduction of the problem

1. Create a Grid with GroupPaging and Locked columns.

2. Expand a group that should span over the next page.

3. Navigate to the next page.

4. Rows are misaligned.

### TicketID:
1526394

### Environment

* **Kendo UI version:** 2021.2.616
* **jQuery version:** 1.12.4
* **Browser:** [all]

Hi Team,

I'd like to request to include the field's column title into the column.groupHeaderTemplate. 

Thank you!

### Bug report

When the Kendo UI Grid widget in "Popup" edit mode has more than one level of grouping, and when the adding of a new record is canceled, the group headers of the empty row are not removed.

### Reproduction of the problem

  1. Group the Grid by 2 columns;

  2. Click the "Add new record" button;

  3. Click the "Cancel" button in the Popup form;

  4. The empty row for the new record is removed, but the group header of the first group remains. 

A Dojo sample for reproduction: https://dojo.telerik.com/UgARObuZ

### Expected/desired behavior

The group headers of the empty row should be removed when the adding of a new record is canceled.


### Environment

* **Kendo UI version: 2021.2.616
* **jQuery version: 1.12.4
* **Browser:** [all]

Grid control doesn’t allow to change width of columns via keyboard. Column width adjustments could be done only via mouse. It would be great to have this ability from the accessibility perspective.

Reproduction of the problem

1. Open https://demos.telerik.com/kendo-ui/grid/index
2. Set focus on header of any column
3. Try to change width of the column

Current behavior

No hot key to change width.

Expected/desired behavior

Any hot key (e.g. Shift + Arrow Left / Right) to change width of a column.

Environment

Kendo UI version: "2020.3.1118"
Browser: Chrome 90.0.4430.212

Grid control doesn’t allow to change width of columns via keyboard. Column width adjustments could be done only via mouse. It would be great to have this ability from the accessibility perspective.

Reproduction of the problem

1. Open https://demos.telerik.com/kendo-ui/grid/index
2. Set focus on header of any column
3. Try to change width of the column

Current behavior

No hot key to change width.

Expected/desired behavior

Any hot key (e.g. Shift + Arrow Left / Right) to change width of a column.

Environment

Kendo UI version: "2020.3.1118"
Browser: Chrome 90.0.4430.212

Hi Team,

I would like to request to be able to utilize a Kendo UI Template to modify the formatting and content of the Kendo UI Grid's content during PDF Export.  This would help gain access the grid data within the template so that I can "overwrite" the exported content's display template.

For example, the grid data could be extracted within the template.  In this case, the template could utilize a Bootstrap table with some CSS classes in which it could be exported as a PDF file.

This would allow me to have better control over the content size (margin, padding, etc.) since it would be a HTML template for the exported data.

Thank you!

https://demos.telerik.com/kendo-ui/grid/server-grouppaging-virtualization and click to Edit in Dojo. It o

pens https://dojo.telerik.com/afoCefOJ

group: [{
                        field: "city",
                        dir: "asc"
                    }, {
                        field: "companyName",
                        dir: "asc"
                    }],

group: [{
                        field: "city",
                        dir: "asc"
                    }],

and also adjust pageSize to 10:

pageSize: 10,

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 multicolumn headers are configured in the Grid and exportSelectedToExcel method is used for exporting, a file is not always generated. The issue is reproducible when selectable is set to selectable: "multiple, cell" and cell from the first column of the multicolumn header is selected.

Reproduction of the problem

1, Open the Dojo
2. Select a single cell from the 'field1' column
3. Click the 'Export selected' button

Current behavior

No file is generated. If for example also a cell from another column is selected, then the Excel file is generated as expected

Expected/desired behavior

An Excel file should be generated as expected even if only a single cell is selected.

Environment

• Kendo UI version: 2021.2.616
• jQuery version: x.y
• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]