Cách kiểm tra viền và nền ô trống bảng có bị ẩn không với JavaScript

Thuộc tính emptyCells (CSS empty-cells) xác định việc hiển thị viền và nền của ô bảng (<td>, <th>) không có nội dung. Chỉ áp dụng khi border-collapse: separate.

Ví dụ minh họa

Bảng có ô trống cuối. Nhấn nút để đọc giá trị emptyCells hiện tại:

<!DOCTYPE html>
<html>
<head>
  <style>
    table, td { border: 1px solid; }
  </style>
</head>
<body>
  <table id="myID" style="empty-cells:hide;">
    <tr><td>Một</td><td>111</td></tr>
    <tr><td>Hai</td><td>222</td></tr>
    <tr><td>Ba</td><td></td></tr>
  </table>
  <br>
  <button type="button" onclick="display()">Đọc giá trị</button>
  <script>
    function display() {
      document.write(document.getElementById("myID").style.emptyCells);
    }
  </script>
</body>
</html>

Giá trị emptyCells

• show (mặc định) – Hiển thị viền và nền ô trống
• hide – Ẩn viền và nền ô trống

Lưu ý: Đọc element.style.emptyCells chỉ trả về giá trị inline style. Để lấy computed style, dùng getComputedStyle(el).emptyCells.