请问 html table表格合并 怎么做?

时间:2022-11-20 10:51:57
比如
  <table id="table1" border="1" bordercolor="black">
    <tr><td bgcolor='green' height="50px" style="width: 50px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td></tr>
    <tr><td bgcolor='green' height="50px" style="width: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td></tr>
    <tr><td bgcolor='green' height="50px" style="width: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td></tr>
    <tr><td bgcolor='green' height="50px" style="width: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td></tr>
    <tr><td bgcolor='green' height="50px" style="width: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td></tr>
 <%--   <tr><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td></tr>--%>
  <%--  <tr><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td><td width="50px" bgcolor='green' height="50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td></tr>--%>
    </table>

18 个解决方案

#1


比如把该表的第一行的 第一列和第二列合成一列
也就是把中间的边框去掉 

请问怎么做?
如果用鼠标选择做不到】

就搞个文本框写 比如 你写  第一行第一列 和第一行第二列 
再点合并 我就把中间边框去掉

请问 那个去掉边框怎么做?

#2


让小客客给你写一正则

#3


<table id="tb1" border="1">
        <tr>
            <td>a</td>
            <td>b</td>
            <td>c</td>
        </tr>
     </table>

#4


<script type="text/javascript">
   function doMerge()
   {
        var row =tb1.rows[0];
        var cell1   = row.cells[1]
        var sText = cell1.innerHTML;
        row.cells[0].innerHTML += sText;
        row.cells[0].colSpan = 2;
        row.removeChild(cell1);
   }
</script>

#5


帮你顶

#6


比如表如下
比如
<Table><tr><Td></td><Td></td><Td></td></tr>
<tr><Td></td><Td></td><Td></td></tr>
<tr><Td></td><Td></td><Td></td></tr>
</table>

#7


慕白兄 我正在看

#8


可以
请问慕白
可以用鼠标去框着选 
然后合吗?

#9


mark~~~~~~~~~~~~~~~

#10


可以,但是比较麻烦。

#11


你需要根据鼠标的轨迹得到选中的单无格,并显示一个虚框的div.然后右键时弹出菜单。

#12


yun

#13


可以用鼠标去框着选 
然后合吗?

========
若是设计时,

VS 的设计器支持

#14


jf up 学习

#15


看着晕


接点分

#16


先用网页三剑客的DreamWeaver,作好布局,再把代码贴过来。

#17


慕白兄 谢谢了

#18


hhh

#1


比如把该表的第一行的 第一列和第二列合成一列
也就是把中间的边框去掉 

请问怎么做?
如果用鼠标选择做不到】

就搞个文本框写 比如 你写  第一行第一列 和第一行第二列 
再点合并 我就把中间边框去掉

请问 那个去掉边框怎么做?

#2


让小客客给你写一正则

#3


<table id="tb1" border="1">
        <tr>
            <td>a</td>
            <td>b</td>
            <td>c</td>
        </tr>
     </table>

#4


<script type="text/javascript">
   function doMerge()
   {
        var row =tb1.rows[0];
        var cell1   = row.cells[1]
        var sText = cell1.innerHTML;
        row.cells[0].innerHTML += sText;
        row.cells[0].colSpan = 2;
        row.removeChild(cell1);
   }
</script>

#5


帮你顶

#6


比如表如下
比如
<Table><tr><Td></td><Td></td><Td></td></tr>
<tr><Td></td><Td></td><Td></td></tr>
<tr><Td></td><Td></td><Td></td></tr>
</table>

#7


慕白兄 我正在看

#8


可以
请问慕白
可以用鼠标去框着选 
然后合吗?

#9


mark~~~~~~~~~~~~~~~

#10


可以,但是比较麻烦。

#11


你需要根据鼠标的轨迹得到选中的单无格,并显示一个虚框的div.然后右键时弹出菜单。

#12


yun

#13


可以用鼠标去框着选 
然后合吗?

========
若是设计时,

VS 的设计器支持

#14


jf up 学习

#15


看着晕


接点分

#16


先用网页三剑客的DreamWeaver,作好布局,再把代码贴过来。

#17


慕白兄 谢谢了

#18


hhh