Để đặt khoảng cách giữa các ô trong bảng bằng JavaScript, hãy sử dụng borderSpacing bất động sản. Đặt khoảng cách bằng thuộc tính này.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách đặt khoảng cách giữa các ô trong bảng -
<!DOCTYPE html>
<html>
<body>
<table id="newTable" border="2">
<tr>
<th>EmpID</th>
<th>EmpName</th>
<th>EmpDept</th>
</tr>
<tr>
<td>001</td>
<td>Amit</td>
<td>IT</td>
</tr>
<tr>
<td>002</td>
<td>John</td>
<td>Finance</td>
</tr>
<tr>
<td>003</td>
<td>David</td>
<td>Marketing</td>
</tr>
</table>
<br>
<button onclick="display()">Click to set space between cells</button>
<script>
function display() {
document.getElementById("newTable").style.borderSpacing = "15px";
}
</script>
</body>
</html>