Question

How can I get a rounded rectangle graphic to span across all columns within an ASP.NET GridView header row ?

I currently have created a rounded rectangular graphic and have used CSS to add it to the gridview header background as such:-

.datagrid th
{
    background-image: url('../images/rounded_graphic.jpg');
}

… but this just displays it in each column of the header rather than spanning the whole header row.

Any ideas ?

Answer 1

Your generated datagrid would have to have no spacing between columns.

• the first column would need the left side of the rounded image
• the columns in between would need the middle part of the image
• the last column would have the right side of the image

Thats the rough idea atleast 🙂