Run ยป
<!DOCTYPE html> <html> <head> <title>Responsive table</title> <style> table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #blue; } </style> </head> <body> <form> <table> <tr> <td>1</td> <td>Sachin</td> <td>Mumbai</td> </tr> <tr> <td>2</td> <td>Dhoni</td> <td>Ranchi</td> </tr> <tr> <td>3</td> <td>Kohili</td> <td>Delhi</td> </tr> <tr> <td>4</td> <td>Yuvraj</td> <td>Punjab</td> </tr> <tr> <td>5</td> <td>Raina</td> <td>Chennai</td> </tr> <tr> <td>6</td> <td>Rohit</td> <td>Mumbai</td> </tr> </table> <closeform></closeform></form> </body> </html>