Foundation Form

Foundation of the <table> element style gray zebra stripes and comprises four borders:

Examples

<Table>
<Thead>
<Tr>
<Th> Firstname </ th>
<Th> Lastname </ th>
<Th> Email </ th>
</ Tr>
</ Thead>
<Tbody>
<Tr>
<Td> John </ td>
<Td> Doe </ td>
<Td> john@example.com </ td>
</ Tr>
<Tr>
<Td> Mary </ td>
<Td> Moe </ td>
<Td> mary@example.com </ td>
</ Tr>
<Tr>
<Td> July </ td>
<Td> Dooley </ td>
<Td> july@example.com </ td>
</ Tr>
</ Tbody>
</ Table>


Responsive table

Use CSS to make table supports responsive design: Add an outer table <div> element, the style to overflow-x:hidden :

Examples

<Div style = "overflow-x : hidden">
<Table>
/en.
</ Table>
</ Div>