It looks nice but the headers all run together like this:
idfirstNamelastNameage
I
You should set a cssclass and use css to control it. The only property of a table you cant fully control cross browser with css is cellspacing.
.myTableClass tr th {
padding: 5px;
}
Check the generated HTML and find the table it has created. Check the ID of the table. With the id, add following lines to your CSS. This worked for me when all else failed..
#YourTableIdFoo th , #YourTableIdFoo td
{
padding-right: 1em;
}
GridView also has a property "CellPadding" and "CellSpacing" that can help us do this.