Learn Free Tutorial HTML
Learn Free Tutorial CSS
Learn Free Tutorial CSS Framework
Learn Free Basic Computer
Learn Free Tutorial Python
Change Orientation
Theme
Run ❯
Get Free courses
<!DOCTYPE> <html> <head> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 10px; } tr:nth-child(even) {background-color: #b8d6c7;} </style> </head> <body> <h2>Example of Responsive Table Property</h2> <div style="overflow-x:auto;"> <table> <tr> <th>Sr No.</th> <th>Full Name</th> <th>Class</th> <th>Subject 1</th> <th>Subject 2</th> <th>Subject 3</th> <th>Subject 4</th> <th>Subject 5</th> <th>Subject 6</th> <th>Subject 7</th> <th>Subject 8</th> <th>Subject 9</th> <th>Subject 10</th> <th>Subject 11</th> <th>Subject 12</th> <th>Subject 13</th> <th>Subject 14</th> <th>Subject 15</th> </tr> <tr> <td>1</td> <td>Geeta Devi</td> <td>O Level</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> </tr> <tr> <td>1</td> <td>Geeta Devi</td> <td>O Level</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> </tr> <tr> <td>1</td> <td>Geeta Devi</td> <td>O Level</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> </tr> <tr> <td>1</td> <td>Geeta Devi</td> <td>O Level</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> <td>50</td> </tr> </table> </div> </body> </html>