CodeLab
Tutorials For Everyone
Run
<!Doctype HTML> <html> <head> <title>CSS Tables - Responsive Tables</title> <style> table{ width: 100%; } tbody tr:nth-child(odd){ background: #3949ab22; } td, th{ padding: 10px; } </style> </head> <body> <h2>CSS Tables - Responsive Tables</h2> <hr> <div style="overflow-x:auto;"> <table> <thead> <tr> <th>Player</th> <th>Round1</th> <th>Round2</th> <th>Round3</th> <th>Round4</th> <th>Round5</th> <th>Break</th> <th>Round6</th> <th>Round7</th> <th>Round8</th> <th>Round9</th> <th>Total</th> </tr> </thead> <tbody> <tr> <td>Max Hendrick</td> <td>9</td> <td>5</td> <td>6</td> <td>6</td> <td>5</td> <td>8</td> <td>9</td> <td>3</td> <td>9</td> <td>2</td> <td>62</td> </tr> <tr> <td>Jack Shaun</td> <td>4</td> <td>3</td> <td>8</td> <td>8</td> <td>2</td> <td>9</td> <td>1</td> <td>9</td> <td>9</td> <td>2</td> <td>55</td> </tr> <tr> <td>Stewart Ross</td> <td>9</td> <td>4</td> <td>5</td> <td>2</td> <td>8</td> <td>2</td> <td>4</td> <td>6</td> <td>2</td> <td>6</td> <td>48</td> </tr> <tr> <td>Michael Firnandes</td> <td>1</td> <td>3</td> <td>1</td> <td>6</td> <td>9</td> <td>9</td> <td>0</td> <td>9</td> <td>6</td> <td>5</td> <td>58</td> </tr> </tbody> </table> </div> </body> </html>