Sublime Text
<!DOCTYPE html> <html> <head> <style type="text/css"> table{ border-collapse: collapse; width:100%; } th,td{ border:1px solid black; } </style> </head> <body> <h2>Bảng không responsvie</h2> <table> <tr><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td></tr> <tr><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td></tr> <tr><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td></tr> </tr> </table> <br><br><br><br><br> <h2>Bảng có responsive</h2> <div style="overflow-x:auto"> <table> <tr><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td></tr> <tr><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td></tr> <tr><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td></tr> </table> </div> </body> </html>
<!DOCTYPE html> <html> <head> <style type="text/css"> table{ border-collapse: collapse; width:100%; } th,td{ border:1px solid black; } </style> </head> <body> <h2>Bảng không responsvie</h2> <table> <tr><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td></tr> <tr><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td></tr> <tr><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td></tr> </tr> </table> <br><br><br><br><br> <h2>Bảng có responsive</h2> <div style="overflow-x:auto"> <table> <tr><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td></tr> <tr><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td></tr> <tr><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td><td>ABC</td></tr> </table> </div> </body> </html>