Để bố trí bảng một cách chính xác trong JavaScript, hãy sử dụng tableLayout bất động sản. Đặt thuộc tính thành cố định để thiết lập bố cục.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để thiết lập cách sắp xếp các ô, hàng và cột trong bảng bằng 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>