设置单元格的列跨度/行跨度

2024-02-01

我有一张桌子,我想换colspan/rowspan运行时单元格的属性。这是一个例子:

<html>
    <head>
        <script type="text/javascript">
            function setColSpan() {
                document.getElementById('myTable').rows[0].cells[0].colSpan = 2
            }
        </script>
    </head>

    <body>
        <table id="myTable" border="1">
            <tr>
                <td>cell 1</td>
                <td>cell 2</td>
            </tr>
            <tr>
                <td>cell 3</td>
                <td>cell 4</td>
            </tr>
        </table>
        <form>
            <input type="button" onclick="setColSpan()" value="Change colspan">
        </form>
    </body>

</html>

我的问题是细胞发生了变化。我是否应该删除相关单元格所跨越的单元格?

我可以不删除吗?

我想实现一个简单的电子表格。现在,我设法能够选择矩形单元格范围并显示带有“合并选定单元格”选项的菜单。我希望能够“取消合并”单元格,因此最好跨越单元格而不必删除其他单元格。


我认为你需要删除该单元格。检查以下代码。我所做的是删除整行并添加具有新列跨度的新行

function setColSpan() {
    var table = document.getElementById('myTable');
    table.deleteRow(0);
    var row = table.insertRow(0);
    var cell = row.insertCell(0);
    cell.innerHTML= "cell 1"
    cell.colSpan = 2
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

设置单元格的列跨度/行跨度 的相关文章

随机推荐