The details for this can be found in ticket #1519224

Given some XML that has child nodes and attributes, I'm binding to a grid with no problem. The child grid for each row (built using detailInit) get's the data from the parent row e.data.get("BillRows")

If those rows have attributes, the '@' signs breaks the javascript for the grid. As you can see in the ticket, every attribute needs to be renamed before I can build the child grid.

Should be a way to use attributes in XML bound to a datasource/grid for all levels of grids.

Rick

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?

 

If you configure a Kendo Grid with client-side paging, each time you call setDataSource to update the data source then a new .k-pager-numbers-wrap DIV is added to the page controls. I've replicated the problem in Dojo at https://dojo.telerik.com/UTolOzer by taking a basic client-side paging demo, moving the dataSource configuration into a separate function (with data("kendoGrid").setDataSource), and calling that function 25 times. At the end, the source shows the UL element with the page buttons inside 25 .k-pager-numbers-wrap DIV elements.

I first noticed this problem because in my own environment, each nested DIV was shifting the page buttons left 1 pixel and overlapping the "previous page" buttons. In my Dojo example, with 25 nested DIVs the page buttons disappear completely.

I've added the following in my own code as a workaround in the dataBound event of the grid:

                            var trueParent = e.sender.pager.element.find(".k-pager-numbers-wrap").first();
                            e.sender.pager.element.find("ul").appendTo(trueParent);
                            trueParent.find(".k-pager-numbers-wrap").remove();

 

Dear Sir / Madam,

At grid PDF export, in case of allPages: false --> Actual rows are rendered to multiple pages properly, but all pages are written on the first page.

It works well, if I set "options.pdf.multiPage" to "true", but it is not in API reference.

A solution might be if this variable is fixed to true in grid prototype "saveAsPDF" function:
          "options.multiPage = true;" instead of "options.multiPage = options.multiPage || options.allPages;"

Please see this example: https://dojo.telerik.com/usUnUziL/2

Step 1: press "Export to PDF" --> Result: wrong pdf

Step 2: press "Set multiPage: true"

Step 3: press "Export to PDF" --> Result: good pdf

 

Best Regards,

Szabolcs Tóth

Hi, 

Here is the dojo to reproduce. In this dojo I've created imitation of data, that coming from server in our case. The main idea is to have a grid with lazy loading - it has 10 groups (page 1) and after scrolling down it loads 10 more groups (page 2) and etc.

 

Issue 1. 

After scrolling down, data from the last group is updated with some data, that is not belongs to it. Please see 'Issue1.png' attached.

Issue 2.

Groups from the first page are duplicated after scrolling down. For example, there is a group named 'C3'. After scrolling down, it is duplicated once again. Please see 'Issue2.png' attached. New groups are placed after these duplications. By the way, as groups from the 1st page are duplicated, there is more than 20 groups is shown, but the counted at the bottom of the grid says that '20 of 137' elements are show.

 

So it would be great, if you could fix that. Or even provide temporary fix for us.

Thank you!

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)

 

 

 

 

 

 

 

 

 

Hello guys,

I am stuck with this problem for some time now. Everything works well with mouse, I can drag and drop column into grouping header normally. But on touchscreens I can't drag it. I am interested if anyone has had this issue?

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>

In current versions of Firefox, scrollbars do not longer reserve any space. In grids with locked columns, this leads to a double border at the right end of the grid's header:

The problem only appears if locked columns are present and scrollbars use zero-width (Firefox-Default). This DOJO contains a minimum reproducible example.

Test Environment:

OS: Windows_11

When using server paging and grouping when the new subset of data is requested the content which is rendered does not correctly match data. More information in ticket 1422210

Hi Team,

I would like to request a way/demo to have AutoSync for the dataSource and be able to stay in edit mode in the Kendo UI Grid. 

Thank you!

Hi Team,

I would like to request the Kendo UI Grid's navigation should focus on the <tr> element instead of the cell for a true row-level keyboard interaction.  

Thank you!

Hi Team,

I would like to request for the Grid the functionality to allow copying but to be able to configure row or cell copying without being dependent on selection mode.  For example, a grid with multiple/row selection, but configured to select a cell.

Thank you!

Hi Team,

I would like to request a way to be able to pass a string value to a numeric column without schema.parse or changing the model to object.  This would allow us to use all sorts of functions/behaviors related to the number type (filtering, editing, etc.).  

Thank you!

Hi Team,

I would like to request more live demos/samples which use Kendo UI for jQuery in ASP.NET Core web applications. 

Thank you!

Hi team,

Please consider this dojo: https://dojo.telerik.com/zhQuuOhS

Here is the issue:

When validating field on the last line (field: units in stock), the validation tooltip is hidden (due to clipping), user needs to scroll down the grid.

Worse: if you then fill correctly the field and then re-empty the field, the validation tooltip is no more visible (no scrolling even possible in this case), please see screenshot attached.

Is there a way to make the validation tooltip immediately visible after validation takes place ? I mean without the need to scroll.

Best regards,

Laurent.

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

Is it possible export to Excel columns headers sums?

Describe the bug

Text overlaps on selected non-altering rows upon scrolling in Grid with sticky columns with version 2023.1.314

To reproduce

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

Select a non-altering row

Scroll to the right

Affected package (please remove the unneeded items)

theme-default
theme-bootstrap
theme-material
theme-tasks
Affected suites (please remove the unneeded items)

Kendo UI for jQuery
Telerik UI for MVC
Telerik UI for Core
Affected browsers (please remove the unneeded items)

All
Build system information (please remove the unneeded items)

Not Applicable

Bug report

The row reordering functionality does not work correctly when the draggable column has a small width.

Reproduction of the problem

https://dojo.telerik.com/@user192/ipOyacoH

Open the Dojo and try to reorder a row. The icon inside the hint will keep changing and in some cases you won't be able to drop the row to the expected position.

If you move the hint a bit to the right(towards the next column) this behavior disappears.

Current behavior

The reorder hint shimmers and in some cases does not allow for reordering. This occurs when the column width is small(30px in the example).

Expected/desired behavior

Reorder should work as expected, regardless of the column width.

Environment

• Kendo UI version: 2022.2.621
• jQuery version: 1.12.4
• Browser: [all]