It looks nice but the headers all run together like this:
idfirstNamelastNameage
I set CellPadding="5" but it does nothing.
How can I set the cell padding of the headers and all cells?
A D D E N D U M :
Thanks Andrew, I fixed it with this. Works in Firefox and Explorer 7:
.gridview2 tr td
{
padding: 5px;
border: 1px solid #ddd;
}
.gridview2 tr th
{
padding: 5px;
}
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;
}
GridView also has a property "CellPadding" and "CellSpacing" that can help us do this.
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;
}
