Click on the cell to delete the column of the cell. How can the table not be cluttered?
how to calculate the affected colspan rowspan
for example, after deleting abort 1, 33333333 becomes colspan=1 111111 and becomes colspan=2;

    :
    ``<table style="border-collapse: collapse" cellspacing="0">
        <tbody>
            <tr>
                <td colspan="3" rowspan="1" class="column" style="width:120px;height:20px">11111111111</td>
                <td colspan="4" rowspan="1" class="column" style="width:120px;height:20px">22222222</td>
            </tr>
            <tr>
                <td colspan="1" rowspan="3" itemid="0" class="column" style="width:120px;height:20px" field="1">1</td>
                <td colspan="2" rowspan="1" class="column" style="width:120px;height:20px">3333333333</td>
                <td colspan="3" rowspan="1" class="column" style="width:120px;height:20px"> 4444444444</td>
                <td colspan="1" rowspan="3" itemid="6" class="column" style="width:120px;height:20px" field="2">2</td>
            </tr>
            <tr>
                <td colspan="1" rowspan="2" itemid="1" class="column" style="width:120px;height:20px" field="">1</td>
                <td colspan="1" rowspan="2" itemid="2" class="column" style="width:120px;height:20px" field="3">3</td>
                <td colspan="1" rowspan="2" itemid="3" class="column" style="width:120px;height:20px" field="4">4</td>
                <td colspan="2" rowspan="1" class="column" style="width:120px;height:20px">555555555</td>
            </tr>
            <tr>
                <td colspan="1" rowspan="1" itemid="4" class="column" style="width:120px;height:20px" field="5">5</td>
                <td colspan="1" rowspan="1" itemid="5" class="column" style="width:120px;height:20px" field="6">6</td>
            </tr>
        </tbody>
    </table>