jQuery Mobile Table

	
<style type="text/css"> 
    table { width:100%; font-size:13px }
    table caption { text-align:left;  }
    table thead th { text-align:left; border-bottom-width:1px; border-top-width:1px; }
    table th, td { text-align:left; padding:6px;} 
	table th{font-size:15px }
</style>

<table summary="This table lists all the JetBlue flights."> 
  <thead> 
    <tr style="background:#999;"> 
      <th scope="col" style="width:15%">Promo Name</th>  
      <th scope="col" style="width:11%">From</th>  
      <th scope="col" style="width:11%">To</th>  
	  <th scope="col">Item</th> 
	  <th scope="col">Stock</th>
	  <th scope="col">Price</th>
	  <th scope="col">Disc.</th>
	  <th scope="col" style="width:3%">Active</th>
    </tr> 
  </thead> 
    
  <tbody> 
	  <tr> 
		<th>Test</th> 
		<td>09-09-2011</td> 
		<td>09-10-2011</td>
		<td>Apple iPad2 3G + Wifi 64GB Black</td> 		
		<td>0</td>
		<td>150.000</td>
		<td>0</td>
		<td><img style="margin-left:10px" src="images/accept.png"></td>
	  </tr> 
	  
	  <tr> 
		<th>Test</th> 
		<td>09-09-2011</td> 
		<td>09-10-2011</td>
		<td>Apple iPad2 3G + Wifi 64GB Black</td> 		
		<td>0</td>
		<td>150.000</td>
		<td>0</td>
		<td><img style="margin-left:10px" src="images/accept.png"></td>
	  </tr> 
	  
	  <tr> 
		<th>Test</th> 
		<td>09-09-2011</td> 
		<td>09-10-2011</td>
		<td>Apple iPad2 3G + Wifi 64GB Black</td> 		
		<td>0</td>
		<td>150.000</td>
		<td>0</td>
		<td><img style="margin-left:10px" src="images/accept.png"></td>
	  </tr> 
	  
  </tbody> 
</table>