时间戳

首页 > 解决方案 > 如何在不更改表格中其余单元格位置的情况下删除不必要的单元格？不使用 css

html - 如何在不更改表格中其余单元格位置的情况下删除不必要的单元格？不使用 css

问题描述

Blockquote 我想从表格中删除单元格。我正在尝试学习如何合并表格单元格，但是有一些我不知道的合并表格单元格的规则。你能帮我吗？不需要使用css我只需要在没有那个单元格的情况下制作表格谢谢

<table border="1" width="100%">
  <tr id="1">
    <td colspan="3">&nbsp;</td>
    <td colspan="3" rowspan="3">&nbsp;</td>
    <td>&nbsp;</td>
    <td rowspan="3">&nbsp;</td>
  </tr>
  <tr id="2">
    <td colspan="2">&nbsp;</td>
    <td rowspan="3">&nbsp;</td>
    <td rowspan="4">&nbsp;</td>
  </tr>
  <tr id="3">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr id="4">
    <td rowspan="2" colspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
  </tr>
  <tr id="5">
    <td colspan="4" rowspan="3">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr id="6">
    <td rowspan="3">&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
    <td colspan="2" rowspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr id="7">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr id="8">
    <td colspan="3">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr id="9">
    <td colspan="2">&nbsp;</td>
    <td colspan="4">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

这是要删除的单元格

jsfiddle上的那个链接，我在其中标记了需要删除或隐藏而不使用css的单元格

标签： htmlhtml-table

解决方案

似乎只是对您的 html 的编辑...

<table border="1" width="100%">
  <tr id="1">
    <td colspan="3">&nbsp;</td>
    <td colspan="3" rowspan="3">&nbsp;</td>
    <td>&nbsp;</td>
    <td rowspan="3">&nbsp;</td>
  </tr>
  <tr id="2">
    <td colspan="2">&nbsp;</td>
    <td rowspan="3">&nbsp;</td>
    <td rowspan="4">&nbsp;</td>
  </tr>
  <tr id="3">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr id="4">
    <td rowspan="2" colspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
  </tr>
  <tr id="5">
    <td colspan="4" rowspan="3">&nbsp;</td>
    
  </tr>
  <tr id="6">
    <td rowspan="3">&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
    <td colspan="2" rowspan="2">&nbsp;</td>

  </tr>
  <tr id="7">
  </tr>
  <tr id="8">
    <td colspan="3">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr id="9">
    <td colspan="2">&nbsp;</td>
    <td colspan="4">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

推荐阅读