What classes to use for a simple grid-like widget using jquery ui css framework?

Question

I'm trying to render a table of items that will be themeable using jquery ui css framework. I don't need a powerful grid like the jquery grid plugin, just make it themeable with themeroller. Here's what I tried so far:

<table class="ui-widget">
    <thead class="ui-widget-header ui-widget-top">
        <tr>
            <th>Col 1</td>
            <th>Col 2</td>
            <th>Col 3</td>
        </tr>
    </thead>
    <tbody class="ui-widget-content ui-widget-bottom">
        <tr id="row0">
            <td>c1 content</td>
            <td>c2 content</td>
            <td>c3 content</td>
        </tr>
        <tr id="row0">
            <td>c1 content</td>
            <td>c2 content</td>
            <td>c3 content</td>
        </tr>
        <tr id="row0">
            <td>c1 content</td>
            <td>c2 content</td>
            <td>c3 content</td>
        </tr>
     </tbody>
</table>

However it doesnt look quite right yet, I wanted it to look like the the jquery grid plugin(without all the functionality). Any help/tips are appreciated.