<table> <caption>Caption describing what the table is about</caption> <thead> <tr> <th scope="col">Column 1 Heading </th> <th scope="col">Column 2 Heading</th> <th scope="col">Column 3 Heading</th> <th scope="col">Column 4 Heading</th> </tr> </thead> <tbody> <tr> <th scope="row">Row 1 Heading</th> <td>Row 1 - Colummn 1 data</td> <td>Row 1-Column 2 Data</td> <td>Row 1 - Column 3 Data</td> </tr> <tr> <th scope="row">Row 2 Heading</th> <td>R2-C1 Data</td> <td>R2-C2 Data</td> <td>R2-C3 Data</td> </tr> <!-- several other great bands --> <tr> <th scope="row">Row 3 Heading</th> <td>R3-C1 Data</td> <td>R3-C2 Data</td> <td>R3-C3 Data</td> </tr> </tbody> <tfoot> <tr> <th scope="row" colspan="2">Bottom Rows</th> <td colspan="2">77</td> </tr> </tfoot> </table>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter