Foundation Table
The <table> element in Foundation is styled with gray zebra stripes and includes four borders:
Example
<table> <thead> <tr>
<th>Firstname</th> <th>Lastname</th>
<th>Email</th> </tr> </thead> <tbody>
<tr> <td>John</td>
<td>Doe</td> <td>[email protected]</td>
</tr> <tr>
<td>Mary</td> <td>Moe</td>
<td>[email protected]</td> </tr>
<tr> <td>July</td>
<td>Dooley</td> <td>[email protected]</td>
</tr> </tbody></table>
Responsive Table
Use CSS to make the table responsive: add a <div> element outside the table with the style overflow-x:hidden:
Example
<div style="overflow-x:hidden"> <table>
... </table></div>