ในการจัดวางตารางอย่างถูกต้องใน JavaScript ให้ใช้ tableLayout คุณสมบัติ. ตั้งค่าคุณสมบัติให้คงที่เพื่อกำหนดเลย์เอาต์
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อกำหนดวิธีการจัดวางเซลล์ แถว และคอลัมน์ของตารางด้วย 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> 