How can I style normal html tables (or ASP tables) like the rest of the RadGrid in my website?

Question

I'd like to have a normal table to look like RadGrids, is there an easy way I can use the RadGrid styles (keeping theming in mind)?

Answer 1

Using a tool like Firebug, you can inspect the table generated by RadGrid.

The example shown on this page gives the following results:

<table class="rgMasterTable rgClipCells">
   <thead>
     <th class="rgHeader" scope="col">header</th>
   </thead>
   <tbody>
      <td class="rgRow">cell</td>
   </tbody>
</table>

Adding the classes stated here to your own table should copy the style from the rad grid.

Answer 2

I have been playing with this, and it seems you need to wrap the table in div(s) with certain styles - maybe due to themes? Maybe I'm still missing something, but this is the only way I could get it to work.

<div class="RadGrid RadGrid_Sunset">
    <table class="rgMasterTable rgClipCells">
        <thead>
            <th class="rgHeader" scope="col">header</th>
        </thead>
        <tbody>
            <td class="rgRow">cell</td>
        </tbody>
    </table>
</div>