Javascript 将td分为三部分_Javascript_Html

Javascript 将td分为三部分

javascript html

Javascript 将td分为三部分,javascript,html,Javascript,Html,您好，我已经使用以下代码段创建了表。在这里，我想把第一列分成三个不同的部分 <body> <div class="minus"> <table cellpadding="0.25px"> <tr> <td> <div> <div style='heig

您好，我已经使用以下代码段创建了表。在这里，我想把第一列分成三个不同的部分

<body>
    <div class="minus">
        <table cellpadding="0.25px">
            <tr>
                <td>
                    <div>
                        <div  style='height:1px; float:left; width:24px'></div>
                        <div class='e-gridtreeexpand'></div>
                        <div style='float: left;width:10px;height:1px;'></div>
                        <div class='e-cell'> Row 1 Col 0 </div>
                    </div>
                </td>
                <td>Row 0 Col 1</td>
            </tr>
            <tr><td>Row 1 Col 0</td><td>Row 1 Col 1</td></tr>
            <tr><td>Row 2 Col 0</td><td>Row 2 Col 1</td></tr>
            <tr><td>Row 3 Col 0</td><td>Row 3 Col 1</td></tr>
            <tr><td>Row 4 Col 0</td><td>Row 4 Col 1</td></tr>

        </table>
    </div>

    <style type="text/css">
        td {
            border: 1px solid black;
        }
        .e-gridtreeexpand {
            width: 0;
            height: 0;
            border-bottom: 10px solid black;
            border-left: 10px solid transparent;
            float: left;
        }
    </style>
</body>

在这上面的代码工作良好。在我的工作场景中，我想替换.e-cell进行编辑，但它无法正常工作。它将占据整个电子单元，而不是电子单元。如何解决此问题

我想替换div e-cell进行编辑-替换为什么？您是说您想使用JavaScript修改表的结构吗？如果是，那么期望的输出结构是什么？我假设上面是修改前的结构？您可以使用三个单独的td单元来代替“row 0 col 0”td，并对其他行使用colspan=3。如果您希望用一个用于编辑的输入替换.e-cell div，那么AFAIK的最佳方法是将contentediate=true与.cell一起使用。