`no-table-cell-overlap`

<table>のrowspan/colspan属性によって2つのセルが同じスロットを覆うように配置されている場合に警告します。これはHTML Living Standard §4.9.12.1 Forming a table Step 14が定めるテーブルモデルエラーです。

旧table-row-column-alignmentルールから、no-table-span-overflow、no-empty-table-track、consistent-table-row-lengthとともに分割されました。テーブルにセルの重複があると、この3つの姉妹ルールが導出するグリッドは信頼できなくなるため、このルールが報告するテーブルに対してはこの3つは何も報告しません。

❌ 間違ったコード例

<table>
  <tr>
    <td></td>
    <td></td>
    <td rowspan="5"></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td colspan="5"></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

✅ 正しいコード例

<table>
  <tr>
    <th rowspan="2">縦に結合</th>
    <th colspan="2">横に結合</th>
  </tr>
  <tr>
    <th>1</th>
    <th>2</th>
  </tr>
</table>

Interface

{
  "no-table-cell-overlap": boolean
}

Default Severity

error

Interface​

Default Severity​

Interface

Default Severity