Rows number with virtual scrolling

6 posts, 0 answers
  1. Daniel
    Daniel avatar
    13 posts
    Member since:
    May 2016

    Posted 26 Jun 2017 Link to this post

    How to add rows numbers when virtual scrolling is enabled?

    using this method: http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Templates/add-row-numbers doesn't work well.

  2. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2501 posts

    Posted 28 Jun 2017 Link to this post

    Hello Daniel,

    I tested the sample in the virtual scrolling example and it seems to be working as expected on my end. Give the dojo below a try and let me know how it works for you.



    Regards,
    Viktor Tachev
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Dintakurti
    Dintakurti avatar
    1 posts
    Member since:
    Jul 2013

    Posted 04 Aug 2017 in reply to Viktor Tachev Link to this post

    Hi Viktor Tachev,

        The dojo link what you provided is not working. If we scroll down the page size is repeating so serial number is repeating.

  4. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2501 posts

    Posted 08 Aug 2017 Link to this post

    Hello,

    The row numbers are displayed as expected and are not repeating on my end. I made a short video showing the behavior I am observing. Please check it out and let me know if I am missing something.



    Regards,
    Viktor Tachev
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Behnam
    Behnam avatar
    1 posts
    Member since:
    Dec 2018

    Posted 04 Feb in reply to Viktor Tachev Link to this post

    Hello Viktor,

    The initial example you provided do not show the problem clearly. please go to link below and you can see that the row number 5 will not be shown and that is simply because the row number rendered incorrectly to 6 instead of 5.

    http://dojo.telerik.com/ASINevIw/2

     

    best regards,

    Behnam

  6. Anton Mironov
    Admin
    Anton Mironov avatar
    204 posts

    Posted 05 Feb Link to this post

    Hi Behnam,

    Thank you for the example provided.

    My name is Anton and I will try my best to assist with resolving the pointed issue, during the absence of my colleague Viktor.

    In order to achieve the desired behavior, I made changes to the calculation of the record column as follows:

    // In the template of the column:
                columns: [
                  {
                    title: "#",
                    template: "#= record++ #",
                    width: 80
                  },
    // In the dataBinding Event handler:
                dataBinding: function(e) { 
                  record = (this.dataSource.page()-1) * this.dataSource.pageSize()+1;
                }
    The complete implementation could be found in the following dojo example:

    Give the approach above a try and let me know if further assistance is needed.

     

    Kind Regards,
    Anton Mironov
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Back to Top