CodeLab
Tutorials For Everyone
Run
Learn CSS
<!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>
Editor Commands
Ctrl
F
Find
Ctrl
G
Find Next
Ctrl
⇧
G
Find Previous
Ctrl
⇧
F
Find & Replace
Ctrl
]
Indent Code Right
Ctrl
[
Indent Code Left
⇧
Tab
Auto Indent Code
Ctrl
/
Line Comment
Ctrl
Alt
/
Block Comment
TutsInsider Actions
Alt
S
Run Code
Ctrl
C
Copy Editor Code
Ctrl
A
Select All Editor Code
Ctrl
S
Save/Download
Ctrl
Alt
X
Rotate
Ctrl
Alt
T
Switch Theme
Ctrl
⇧
C
Open Console
Esc
Close Console