Unplanned
Last Updated: 04 Dec 2019 11:14 by ADMIN

Bug report

When the horizontal scroll of the grid is shown and is configured for RTL, the resize handle is mispositioned. 

Reproduction of the problem

1. Make the grid scrollable and set explicit widths to all columns.

2. Make the grid RTL.

3. Introduce multi-column headers.

4. Notice that the columns cannot be resized due to the disposition of the handler.

5. Dojo for replication:

https://dojo.telerik.com/IZInOVUd

6. Notice that whenever the horizontal scroll is not present, the resize handle is positioned correctly.

Environment

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

Unplanned
Last Updated: 27 Jan 2020 12:39 by ADMIN
Scheduled for 2020.R1.SP.next

Following example @ https://docs.telerik.com/kendo-ui/knowledge-base/grid-sort-displayed-columns-menu-items sorts a column menu. When hide column is then clicked, the wrong column is hidden.

This can be seen in your own dojo example linked in the above doc and @ https://dojo.telerik.com/UWuxOseV . Hiding column Ship Name hides Ship Address instead.

This seems to have been introduced in 2019 R2 SP1 version.

 

Unplanned
Last Updated: 26 Sep 2019 10:19 by ADMIN
Created by: Resty
Comments: 0
Category: Grid
Type: Bug Report
2
We have a project where we need the infinite scroll, column sorting/filtering, and remote data enabled.  We are having some issues with sort and filter.  For quick reference, I used the grid demo and changed it to reflect our configuration.  The problem is the grid fires the read command twice when we have loaded more than one page of data. No issues when we have only loaded the first page.

https://dojo.telerik.com/UDoREFID

To reproduce:

1.  Open Chrome

2.  Load the page

3. Hit run

4. Open Developer Tool

5. Switch to the Network tab and filter by XHR only  

7. Click ProductName to sort. There is only one AJAX call.

8. Scroll to the bottom so it loads the next page. It made two AJAX calls
Unplanned
Last Updated: 27 Sep 2019 09:01 by ADMIN
Created by: AGB
Comments: 1
Category: Grid
Type: Bug Report
1

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.

Unplanned
Last Updated: 18 Dec 2019 15:55 by ADMIN

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();

 

Unplanned
Last Updated: 04 Nov 2019 11:46 by ADMIN

Bug report

When the Kendo UI Grid is paged and the Search panel input is focused, the page is automatically switched to the first one.

Reproduction of the problem

1. Navigate to the live demo:

https://demos.telerik.com/kendo-ui/grid/search-panel

2. Change page to 2 (for instance).

3. Focus the Search panel input.

4. The page is changed to the first one.


Expected/desired behavior

When the search panel is empty and only focused, the page should remain the same.

Environment

* **Kendo UI version:** 2019.3.1023
* **jQuery version:** 1.12.4
* **Browser:** [ IE 11.768.17763.0] 

Unplanned
Last Updated: 09 Sep 2019 05:53 by ADMIN

When the grid is configured for InCell editing and frozen columns, it is expected the first editable cell to be opened for editing when a new record is added. 

However, when there is not an editable cell in the locked columns, it would not search in the main content. Here is an example:

https://dojo.telerik.com/ucEraQOW

A temporary workaround would be to override the editModel function and check in the second table as well:

https://dojo.telerik.com/aJEsAnud

Unplanned
Last Updated: 03 Oct 2019 09:15 by ADMIN
Created by: Szabolcs
Comments: 2
Category: Grid
Type: Bug Report
1

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

Unplanned
Last Updated: 27 Sep 2019 12:39 by ADMIN
Scheduled for 2019.R3.SP1

the Kendo grid does't accept cell value changes when using android mobile phone with the Chrome browser. You can test it on the telerik demo https:demos.telerik.com/aspnet-mvc/grid/editing.

for example change the value of the Unit Price and go to the other cell. you will see that the value will become the original value.

just by touching some where outside the border of the grid the value will change.

Unplanned
Last Updated: 02 Aug 2019 15:09 by ADMIN

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!

Unplanned
Last Updated: 10 Jun 2019 09:58 by ADMIN

### 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 ] 
Unplanned
Last Updated: 31 May 2019 15:01 by ADMIN

Cannot read property 'groupHeaderColumnTemplate' of undefined.

I have my grid, with 4 columns:

 

var dataSource = new kendo.data.DataSource({
                    transport: {
                        read: {
                            url: Utils.getUrlServices() + "getGrid",
                            dataType: "json",
                        }
                    },
                    requestEnd: function (e) {
                    },
                    schema: {
                        model: {
                            fields: {
                                id: {type: "number"},
                                name: { type: "string" },
                                    namecompany: { type: "string" },
                                hours: {type: "number"},
                                date: {type: "date"}
                            }
                        }
                    },
                    pageSize: 500,
                    group: [
                         {
                             field: 'name',
                             aggregates: [
                                          {field: "hours", aggregate: "sum" }
                                      ]
                         }, {
                             field: 'nomeImpresa',
                             aggregates: [
                                          {field: "hours", aggregate: "sum" }
                                      ]
                         },
                         { field: "hours",
                             aggregates: [
                                  {field: "hours", aggregate: "sum" },
                                  {field: "name", aggregate: "sum"},
                                  {field: "nameCompany", aggregate: "sum"},
                                  {field: 'date', aggregate: 'sum'}
                              ]
                         },
                         {field: 'date',
                             aggregates: [
                                          {field: "hours", aggregate: "sum" }
                             ]
                         }
                     ],
                     aggregate: [
                         {field: 'hours',aggregate: 'sum'}
                     ]
                });
                self.Grid.set("source", dataSource);

 

 

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)

 

 

 

 

 

 

 

 

 

Unplanned
Last Updated: 26 Nov 2019 18:06 by Tino
Created by: Tino
Comments: 0
Category: Grid
Type: Bug Report
1

Enhancement

Excel files generated by Kendo Excel Export cannot be imported by the MS ODBC Driver. The error reported in this forum thread is: External table is not in expected format.

Current behaviour

If the file is opened and resaved with Excel or if the styles.xml file is replaced with any styles.xml generated by MS Excel, the error does not occur. When compared the styles.xml of Excel does not contain a numberFormat, no other obvious major differences at first glance:

E.g.:

<numFmts count="2">
<numFmt formatCode="#" numFmtId="165" />
<numFmt formatCode="#" numFmtId="166" />
</numFmts>

Expected/desired behavior

If possible, modify the styles.xml template to enable seamless use with OleDB

    Unplanned
    Last Updated: 20 Feb 2020 08:19 by ADMIN
    Created by: Shawn
    Comments: 3
    Category: Grid
    Type: Bug Report
    1

    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

    Unplanned
    Last Updated: 21 Feb 2020 15:38 by ADMIN
    Created by: AGB
    Comments: 1
    Category: Grid
    Type: Bug Report
    0
    Hi Guys,

    I have just tripped over a problem in the 2020 R1 release whereby the sort indicator is not being shown when autoBind is set to false.

    To illustrate the problem run the following dojo

        https://dojo.telerik.com/eMELiMut

    which will show a sort indicator on the 'Ship Country' column.

    Now if you uncomment 'autoBind:true' and 'dataSource.read();' and re-run you will see that although the data is being sorted correctly the 'Ship Country' column is missing the indicator.

    Regards
    Alan
    Unplanned
    Last Updated: 18 Dec 2019 15:39 by ADMIN
    Created by: kvlachakis
    Comments: 1
    Category: Grid
    Type: Bug Report
    0

    Hi,

    the adaptive rendering in the grid control is not working in the current version(2019.3.1023).

    To reproduce go to https://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance/adaptive#configuring-panes-on-mobile --> Open in Dojo --> Run and the 2 rows are not displaying. If you switch to version, choose Library dropdown, 2018.3.1017 or up to 2019.1.220 the 2 rows are ok. 

    Similar behaviour is inspected to the scheduler control agenda view. To reproduce go to https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/adaptive-rendering#configuring-panes-on-mobile --> Open in Dojo --> Run --> change view from week to Agenda and the 2 events are not shown. If you switch to version, choose Library dropdown, 2018.3.1017 or up to 2019.1.220 the 2 events are ok. 

    Tried in chrome, safari and mobile phones.

    thanks,

    Kostas Vlachakis

    Unplanned
    Last Updated: 20 Dec 2019 07:35 by ADMIN
    Created by: utveckling
    Comments: 3
    Category: Grid
    Type: Bug Report
    0

    Hi,

    When using a sass themes , like default-v2 and programmatically execute a set on datasource the dirty-field seems to not have enough time to mark the cell that is changed.

    dojo: https://dojo.telerik.com/@utveckling@promosoft.nu/OjebanAX

    Original State:

    State after cell change:

    Unplanned
    Last Updated: 14 Feb 2020 12:33 by ADMIN
    Scheduled for 2020.R1.SP.next
    Created by: Jean-Francois
    Comments: 1
    Category: Grid
    Type: Bug Report
    0

    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>
    Unplanned
    Last Updated: 31 Jan 2020 15:26 by ADMIN

    Bug report

    Grid's layout breaks when having columns with defined widths which sum exceeds 960px and the scrollable property is set to false.

    Regression introduced in 2020.1.114

    Reproduction of the problem

    Open this Dojo in fullscreen and see Grid's layout.

    If you change the Kendo UI version to 2019.3.1023, Grid's toolbar is correct

    Current behavior

    Grid's layout is breaking
    image

    Expected/desired behavior

    Grid's layout shouldn't break.
    image

    Environment

    • Kendo UI version: 2020.1.114
    • jQuery version: x.y
    • Browser: [all]
    Unplanned
    Last Updated: 17 Jun 2019 09:42 by ADMIN
    ### Bug report

    Ticket ID 1410772

    ### Reproduction of the problem

    Calling dataSource.query with an empty object before the grid is initialized throws an error.

    [https://dojo.telerik.com/OzasiZug/5](https://dojo.telerik.com/OzasiZug/5)

    ``` 
             ...
              var dataSource = new kendo.data.DataSource({
                type: "odata",
                transport: {
                  read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
                },
                pageSize: 5
              });

              dataSource.query({});


              var grid = $("#grid").kendoGrid({
                dataSource: dataSource,
              ...
    ```

    ### Current behavior

    An error is thrown.

    ### Expected/desired behavior

    No error should be thrown


    ### Environment

    * **Kendo UI version:** 2019.2.514
    * **jQuery version:** 1.12

    1 2