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> [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>
<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>
try it"
Responsive table
Use CSS to make table supports responsive design: Add an outer table <div> element, the style to overflow-x:hidden :