table里面循环td的的数据 如何合并成一条

table里面循环td的的数据 如何合并成一条,第1张

html代码表示出来吧: 武汉 A B C 武汉 D E F

武汉 A,B,C,D,E,F �0�2问题补充:AngelAndAngel 写道你是说用js合并 还是打出来就是得这样?
呵呵 是这样的。Aspnet中遇到一个问题了,在table中的数据,动态读取的,
发现呢,有两行的第一个td是相同的数据了,如:
<tr
<td武汉</td
<tdA</td
<tdB</td
<tdC</td
</tr
<tr
<td武汉</td
<tdD</td
<tdE</td
<tdF</td
</tr
现在呢 我要把它合并在一起,把两行的数据集合在一起,做为一行。

请教大家 我是写js呢还是在页面里面写逻辑判断? 问题补充:yjc2020 写道你查出数据就应该合并吧,不应该在页面做这种 *** 作了
嗯 我是在查出数据后再合并的,请教高手我该怎么做呢。。
我上传了一个截图文件了,上面的两行是我现在遇到的情况; 我现在想要得到的效果是下面的一行 问题补充:chen_yongkai 写道可以在后台代码中把集合扫描一遍做归并,也可以在页面上利用标签判断合并;
如果你是从数据库中查询出来的,最好是用数据库的函数或相应的字句,比如group by

请问下大侠有没有这方面的案例呢
我这边急用!
在下感激不尽。

<td class="text-center" colspan="9"> </td>
colspan 规定单元格可横跨的列数。我举的例子就是九列
rowspan 规定单元格可纵跨的行数 自己实验下

1,Javascript *** 作table,tr,td ,代码如下:function messageSort() { --函数名var message=documentgetElementById("message")value; --添加的内容(下面有对应的html)if(name == "" ) return; --如果添加为空,返回var row = documentcreateElement("tr"); //创建tr的rowsetAttribute("id", name); --设置row的属性 var cell = documentcreateElement("td");//创建tdcellappendChild(documentcreateTextNode(name));//td里注入文本rowappendChild(cell);//将TD注入TRvar deleteButton = documentcreateElement("input"); //这部分是添加删除button按钮deleteButtonsetAttribute("type", "button");deleteButtonsetAttribute("value", "删除");deleteButtononclick = function () { deleteSort(name); };cell = documentcreateElement("td"); cellappendChild(deleteButton);//注入按钮rowappendChild(cell);//将TD注入TRdocumentgetElementById("sortList")appendChild(row);//将TR注入到相应地方(sortList可以看下面html)var cell5 = documentcreateElement("td");cellstylebackground="#ffffff";//背景颜色设置row1stylecolor="#ffffff"; //字体颜色设置cell5styledisplay = "none" ; //ie不支持setAttribute("style", "display:none");// <td style="display:none" >dd</td> 直接写TD是这样cell5appendChild(documentcreateTextNode(zdid));rowappendChild(cell5);}// 删除内容function deleteSort(id) {//这个函数为上面的删除button调用的var rowToDelete = documentgetElementById(id);var sortList = documentgetElementById("sortList");sortListremoveChild(rowToDelete);}</script></head><body><table border="0" cellspacing="0" width="400" bgcolor="#f5efe7"><tr> <td height="20">增加内容:</td> <td><input id="message" type="text"></td> <td><a href="javascript:messageSort();">添加</a></td></tr></table><table border="1" width="400"><tr> <td height="20" align="center">内容:</td> <td> *** 作</td></tr><tbody id="sortList"></tbody></table></body>2,一般情况下定义一个效果良好的表格采用下面的属性定义方式代码:<table cellSpacing="0" cellPadding="0" border='1' bordercolor="black" style='border-collapse:collapse;table-layout: fixed'></table> 当某个td中没有内容或者没有可见元素时,td的border也会消失。解决方案就是给table添加样式border-collapse:collapse 代码段:text-overflow{ display:block;/内联对象需加/ width:31em; word-break:keep-all;/ 不换行 / white-space:nowrap;/ 不换行 / overflow:hidden;/ 内容超出宽度时隐藏超出部分的内容 / text-overflow:ellipsis;/ 当对象内文本溢出时显示省略标记() ;需与overflow:hidden;一起使用。/ } 3,但对于表格table来讲是有些不同,代码段:table{ width:30em; table-layout:fixed;/ 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 / } td{ width:100%; word-break:keep-all;/ 不换行 / white-space:nowrap;/ 不换行 / overflow:hidden;/ 内容超出宽度时隐藏超出部分的内容 / text-overflow:ellipsis;/ 当对象内文本溢出时显示省略标记() ;需与overflow:hidden;一起使用。/ }

HTML页面上做表格合并是很蛋疼的事、表格选中都是问题。
我做Table做单元格仿Excele合并、删除 *** 作。。。。无果。
用Table单元格做合并,如果有条件让单元格选中的话,可以 *** 作rowspan和colspan属性进行、、
用div更疼了、、、、、合并的话就是要改变页面代码,两个div合并、还不如选择用Table、何况你刚才说你在网上找的资料都是talbe合并的。。好歹有个参考。

<table id='tableId' cellspacing = 1 border = 1>

   <tr>

  <td colspan="2" rowspan="3"> </td>

  <td colspan="4"><div align="center">维度1</div></td>

  <td rowspan="3">未钻取指标3</td>

</tr>

<tr>

  <td colspan="2">维度2</td>

  <td colspan="2">维度2</td>

</tr>

<tr>

  <td>钻取指标1</td>

  <td>钻取指标2</td>

  <td>钻取指标1</td>

  <td>钻取指标2</td>

</tr>

<tr>

  <td rowspan="2" align="center" valign="middle">对象1</td>

  <td>对象2</td>

  <td> </td>

  <td> </td>

  <td> </td>

  <td> </td>

  <td> </td>

</tr>

<tr>

  <td>对象2</td>

  <td> </td>

  <td> </td>

  <td> </td>

  <td> </td>

  <td> </td>

</tr></table>

如果你不是要这种结果,请详细说明。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13386086.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-26
下一篇 2023-07-26

发表评论

登录后才能评论

评论列表(0条)

保存