I have implemented a basic table from the jQuery Mobile website on my page. Take a look at the HTML code below:
<div data-role="page" id="mainPage">
<div data-role="content>
<table data-role="table" id="my-table" data-mode="reflow">
<thead>
<tr>
<th>Rank</th>
<th>Movie Title</th>
<th>Year</th>
<th>
<abbr title="Rotten Tomato Rating">Rating</abbr></th>
<th>Reviews</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td><a href="foo.com" data-rel="external">Citizen Kane</a></td>
<td>1941</td>
<td>100%</td>
<td>74</td>
</tr>
</tbody>
</table>
</div>
</div>
However, the appearance of my page is not visually appealing. It appears that the jQuery styles are not being applied properly. Here's a screenshot of how it currently looks: