หากต้องการจัดรูปแบบตารางให้ถูกต้องใน JavaScript ให้ใช้คุณสมบัติ tableLayout ตั้งค่าคุณสมบัติเป็น fixed เพื่อตั้งค่ารูปแบบ
ตัวอย่าง
คุณสามารถลองรันโค้ดต่อไปนี้เพื่อตั้งค่าวิธีการจัดรูปแบบเซลล์ แถว และคอลัมน์ของตารางด้วย JavaScript −
<!DOCTYPE html> <html> <head> <style> table, td { border: 2px solid blue; } #myID { width: 100%; } </style> </head> <body> <button onclick = "display()">Set Layout Property</button> <table id = "myID"> <tr> <td>This is a text for demo</td> <td>This is another text</td> </tr> <tr> <td>One</td> <td>1</td> </tr> <tr> <td>Two</td> <td>2</td> </tr> <tr> <td>Three</td> <td>3</td> </tr> </table> <script> function display() { document.getElementById("myID").style.tableLayout = "fixed"; } </script> </body> </html> 