Bug report

Grid's footer is moving together with its pager based on the configuration of the pageable.position property.

Reproduction of the problem

1. Open this Dojo and run it

Current behavior

The footer of the Grid is positioned above its pager

Expected/desired behavior

With pageable.position set to "top" only the pager should be moved above Grid's rows. Its footer should stay at the bottom of the component, below its rows.

Environment

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

Bug report
Аggregates not working in group footer, when string value contains line break "\n"

Reproduction of the problem
Dojo: https://dojo.telerik.com/uPuyEcEJ

Current behavior
Аggregates not working

Expected/desired behavior
Aggregated should be working fine when the value contains "\n"

Environment
Kendo UI version: [all]
Browser: [all]

We would like to add a new column(s) dynamically to a grid, This feature is very important when grid containts lots of fields. In order to resolve slow grid rendering, we are allowing user to choose columns to show/hide and render grid accordingly. Kendo generates html code for hidden columns which causes slow rendering for large data. We are already using performance improvement suggestions from kendo like virtual scrolling, paging etc.

When a grid pager is in responsive mode at low resolutions, the user has no indicator that the controls have been hidden.  It would be great if the control had a Kabob to give the user access to the hidden controls, similar to Kendo Menus.

Integrate the new Form component inside the Grid popup editor to be built-in.

Also, allow when custom popup editor is configured to also utilize the From component to render with different configuration.

Dear Kendo-Team,

 

When using the less-based Bootstrap theme, the PDF export of a grid shows strange borders underneath header's column menus. Refer to the following DOJO for replication:

 

https://dojo.telerik.com/ePOSiluT

 

Enclosed you will find a screenshot of the PDF export, showing the strange borders.

 

Is this something we can easily (temporarily) fix on our own by adjusting some CSS styles?

 

Bye

Ralf

Bug report

If the datasource of a Grid with "autoBind: false" configuration is sorted using the below code, the data sorting in the component is correct but no sorting arrows appear in the headers of the sorted columns.

var grid = $("#grid").data("kendoGrid");
var sort = [{field: "Freight", dir: "desc"}, {field: "OrderDate", dir: "asc"}];
grid.setOptions({ dataSource: {sort: sort }});
grid.dataSource.read();

• This is a regression introduced in version 2020.1.114

Reproduction of the problem

1. Open this Dojo example and run it
2. See the headers of the "Freight" and "Order Date" columns

Current behavior

The sorting arrows are missing for both the "Freight" and "Order Date" columns

Expected/desired behavior

The arrows should appear as shown in the image below. The correct behavior can be observed in this Dojo example

Environment

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

The Kendo Grid has select() method, but is missing unselect() method. I believe that it will be a good and useful addition to the grid.

Bug report

The following article shows how to set the cells font size to 30: https://docs.telerik.com/kendo-ui/knowledge-base/grid-excel-export-custom-font. Up to R1 2019 the font size was properly exported. Since R1 2019 the font size in the generated Excel file has a wrong value.

Reproduction of the problem

1. Export the Grid
2. Open the generated Excel file.

Current behavior

Font size is 22.5

Expected/desired behavior

Font size is 30

Environment

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

Disclaimer: I'm running an older version of Kendo UI for jQuery, so this may have been fixed. I'd like confirmation if so before updating.

Kendo version: 2017.1.118.545

I am creating a grid from a table data source rather than an endpoint call. Other pages that use endpoints to populate the datasource export Excel with no problems.

Example HTML:

<table class="table table-responsive" id="tblReportSummary">
<colgroup>
<col />
<col />
<col />
<col />
<col />
</colgroup>
<thead>
<tr>
<th data-field="date">Date</th>
<th data-field="totalForStatus">Count</th>
</tr>
</thead>
<tbody>
@foreach (var item in ViewBag.ReportDataSummary as IEnumerable<UtilizationListViewModel>)
{
<tr>
<td>@item.Date</td>
<td>@item.TotalForStatus</td>
</tr>
}
</tbody>
</table>

The jQuery is as follows:

             $("#tblReportSummary").kendoGrid({
                sortable: true,
                toolbar: ["excel"],
                excel: {
                    allPages: true,
                    fileName: "Utilization Data Export.xlsx"
                },
                pageable: {
                    pageSize: 20,
                    pageSizes: [20, 50, 100]
                }
            });

When I click Export, all I get is an empty Excel file.

Why isn't the data there, please?

 

The pager navigation buttons shift position when going from page 10 to page 11 (see paging actual image), because the pager now has to accommodate for the dots at the left side. This is annoying when going through the pages. If the pager would already leave some space for the dots when on page 1 to 10 (see paging desired image), the buttons would be fixed, making the navigation better to use.

### Bug report

When the adaptive rendering of the Kendo UI Grid is enabled, the filterMenuOpen event is not triggered.

### Reproduction of the problem

1. Set mobile: true.

2. Attach the filterMenuOpen.

Dojo sample for reproduction:

https://dojo.telerik.com/uhiToseD

### Expected/desired behavior

filterMenuInit event should be triggered regardless of the adaptive rendering mode of the grid.

### Environment

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

Reproduction of the problem

1. In the SASS Theme builder, create а theme based on the Default theme
2. Download it and load it on a page with a Grid

 

Current behavior

On desktop there is a page number duplication: screenshot.
On mobile the page numbers disappear: screenshot

Expected/desired behavior

The pager should look like in the Default theme.

Since the 2019 R1 release k-pager-sm (k-pager-lg, k-pager-md) classes are assigned dynamically based on the width of the page to make the component responsive (as I understood from https://www.telerik.com/forums/kendo-ui-grid-pager-not-displaying-properly-in-sass-mode#wn92di5BakmHqrrMfViFxA)

When grids are used on bootstrap tabs (both boostrap 3 and 4) the k-pager-sm class is added incorrectly, causing the pagers on tabs other than the first to be displayed only partially.

A JSFiddle to demonstrate this: https://jsfiddle.net/nqjc4mbu/

The pager on the 1st tab:

And on the 2nd and 3rd tab:

 

(we've solved it with a workaround by dynamically removing the k-pager-sm class again on dataBound, but this shouldn't be necessary)

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 

 

 

Starting from a Grid's "endless scrolling demo" on: https://demos.telerik.com/kendo-ui/grid/endless-scrolling-remote

Edit grid configuration to set smaller page size. All items of the first page need to be visible on the screen plus some free space. A grid height needs to be set. See this DOJO: https://dojo.telerik.com/amiNohIx

The vertical scroll bar is disabled and there is no way to get/see next pages of data.

Interesting is that use of the horizontal scrollbar (if one is available) starts some background operation (looks as data page load) and then the vertical scrollbar is OK.

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.

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