This is a migrated thread and some comments may be shown as answers.

Grid with progress bar under each row

2 Answers 257 Views
GridView
This is a migrated thread and some comments may be shown as answers.
Richard
Top achievements
Rank 1
Richard asked on 13 Mar 2018, 09:13 PM

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 Answers, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 14 Mar 2018, 08:54 AM
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.
0
Richard
Top achievements
Rank 1
answered on 14 Mar 2018, 01:01 PM
Thank you Dimitar
Tags
GridView
Asked by
Richard
Top achievements
Rank 1
Answers by
Dimitar
Telerik team
Richard
Top achievements
Rank 1
Share this question
or