Để đặt có thu gọn đường viền bảng hay không, hãy sử dụng borderCollapse và đặt nó thành sập. Bạn có thể thử chạy mã sau để đặt đường viền bảng thành thu gọn -
Ví dụ
<!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 collapse</button>
<script>
function display() {
document.getElementById("newTable").style.borderCollapse = "collapse";
}
</script>
</body>
</html>