Grid with progress bar under each row

3 posts, 0 answers
  1. Richard
    Richard avatar
    7 posts
    Member since:
    Feb 2011

    Posted 13 Mar 2018 Link to this post

    I'm trying to implement a grid showing fairly long processing jobs.  Each job is represented by a row with columns showing info about the job.  I'm trying to represent job progress visually somehow.  Dedicating a column for a progress bar in each row would use too much space.

    Is it possible to have a progress bar that would display under each row, showing progress for that row?

    Or alternatively, a progress bar that would show behind the row?

     

  2. Dimitar
    Admin
    Dimitar avatar
    2677 posts

    Posted 14 Mar 2018 Link to this post

    Hello Richard,

    Thank you for writing.

    This can be achieved by creating a custom row element. The steps are described here: Creating custom rows | RadGridView. I have attached a sample implementation as well.

    I hope this will be useful. Let me know if you have additional questions.

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Richard
    Richard avatar
    7 posts
    Member since:
    Feb 2011

    Posted 14 Mar 2018 in reply to Dimitar Link to this post

    Thank you Dimitar
Back to Top