0
我从Mysql中为表获取数据。每行有5个单元格。如果条件为true，则合并HTML TABLE ROWS
如果两行的第4个单元格值相同，那么我想合并这些行。
我试过使用JavaScript数组，但我无法合并行。任何人都可以分享他们的想法或给我任何示例代码。提前致谢。
A
回答
0
它不是一个好主意，使用JavaScript。首先，一些用户可能已经停用了js，甚至不可用（例如手机浏览器）。
我建议从mysql获取数据，在php中循环访问它们（如果使用php），在进行任何必要的合并时将数据复制到新数组中，然后打印新的“正确”数组。
它使用的是PHP吗？您需要的示例代码必须是服务器端（例如php）。
+0
感谢您的建议。我只使用PHP。你能提供这样的示例代码吗？ –
1
我很喜欢张贴图片，但由于即时通讯新和犯规都reput，它没有上传... 好，here the link of the photo
如果这就是你问什么...我有一个有点长码..我不知道这是否是有效的，但它的工作对我来说
int itemsize = 5; //number of rows that is expected to be in merged
for(int item=0; i<itemsize ; i++){//this jsp
%>
<tr>
<td><%=value%></td>
<td><%=value%></td>
<%
if(itemsize > 1 && item==0){ //if the itemsize more than 1, and it is the first row, it will put a rowspan that has the value of the itemsize or the number of row to be merged
%>
<td rowspan='<%=itemsize %>'><%=value%></td>
<td rowspan='<%=itemsize %>'><%=value%></td>
<td rowspan='<%=itemsize %>'><%=value%></td>
<%
}else if(itemsize > 1 && item>0){
//on the second loop this will be executed but bcoz we have rowspan, <td> should be eliminated on the succeeding row*
}else{ // but if there is only one row to be displayed, no rowspan is needed, so ordinary <td will be written..
%>
<td><%=value%></td>
<td><%=value%></td>
<td><%=value%></td>
<%
}
%>
</tr>
<%
}
编辑：
这是我的新代码。我使用php做了一个示例。尝试运行它。对不起，代码，它是我的第一个PHP。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
body{ font-family: tahoma, Arial; font-size: 9pt;}
table {border-collapse:collapse; font: tahoma, Arial 9pt;}
table th{font-family: tahoma, Arial, Geneva, sans-serif; font-size:9pt; width:75px; background-color:#999; color:#000; text-transform:uppercase;}
table th, td{ padding:4px 6px; text-transform:capitalize;}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="1" bordercolor="#000000">
<thead>
<th style="width:10px; text-align:right">Count</th>
<th>Detail 1</th>
<th>Head 2</th>
<th>Head 3</th>
<th>Head 4</th>
<th>Head 5</th>
<th>Head 6</th>
<th>Detail 2</th>
</thead>
<tbody>
<?php
$arr_detail_1 = array("angelo", "philip", "raymond", "jonathan", "pedro");
$arr_detail_2 = array("Cavite", "Laguna", "Quezon", "Japan", "Surigao");
$arr_detail_3 = array("10-dec", "11-Sep", "12-Feb", "22-July", "15-Oct");
$arr_detail_4 = array("Pink", "blue", "Green", "White", "Purple");
$arr_detail_5 = array("Computer", "Door Lock", "Pencil", "Cup", "Jeans");
$a=array("screw");
$b=array("ball","paper","Big","Liquid","id");
$c=array("Sewing");
$d=array("Running","Biking","Swimming");
$e=array("Tree","planting","root","fruits","Rain","Grass");
$f=array("driver");
$g=array("Pen","bag","Brother","eraser","lace");
$h=array("machine");
$i=array("barefoot","with no bike","technique");
$j=array("planting","tree","crops","bearig-trees","Forest","Hopper");
$arr1 = array($a, $b, $c, $d, $e);
$arr2 = array($f, $g, $h, $i, $j);
$rowcount = 1;
for ($i=0; $i<count($arr1); $i++){
// echo "The number is " . $i . "<br />";
$temp_arr_1 = $arr1[$i];
$temp_arr_2 = $arr2[$i];
for($x=0; $x<count($temp_arr_1); $x++){
?>
<tr>
<td align="right"><?php echo $rowcount; ?>.</td>
<td><?php echo $temp_arr_1[$x]; ?></td>
<td><?php echo $temp_arr_2[$x]; ?></td>
<?php
$span_count = count($temp_arr_1);
if($span_count>1 && $x==0){
?>
<td rowspan="<?php echo count($temp_arr_1);?>"><?php echo $arr_detail_1[$i]; ?></td>
<td rowspan="<?php echo count($temp_arr_1);?>"><?php echo $arr_detail_2[$i]; ?></td>
<td rowspan="<?php echo count($temp_arr_1);?>"><?php echo $arr_detail_3[$i]; ?></td>
<td rowspan="<?php echo count($temp_arr_1);?>"><?php echo $arr_detail_4[$i]; ?></td>
<td rowspan="<?php echo count($temp_arr_1);?>"><?php echo $arr_detail_5[$i]; ?></td>
<?php
}else if($span_count>1 && $x>0){
//
}else{
?>
<td><?php echo $arr_detail_1[$i]; ?></td>
<td><?php echo $arr_detail_2[$i]; ?></td>
<td><?php echo $arr_detail_3[$i]; ?></td>
<td><?php echo $arr_detail_4[$i]; ?></td>
<td><?php echo $arr_detail_5[$i]; ?></td>
<?php
}
?>
</tr>
<?php
$rowcount++;
}
}
?>
</tbody>
</table>
</body>
</html>
我没有使用数组作为质数据库...]，并做代码的方式像我用JSP做，所以我希望你能够理解。即时通讯真的很新的PHP。即使在Java中，即时通讯不知道我做的是正确的！我编码只要它运行，即使它缓慢..但即时通讯尝试解决这个问题！祝你的项目福音。
+0
完全一样我想要的。谢谢..... –
+0
非常受欢迎。我很高兴知道我确实帮助过某人.. yehey！也谢谢你。 – amrodelas
+0
您好，我需要相同的输出。你能给我详细的细节吗？我对上述代码 –
0
您应该给第一行rowspan="2"中的最后一个单元格，并省略下一行中的最后一个单元格。
<table>
<tr>
<td>some value</td>
<td>some value</td>
<td>some value</td>
<td>some value</td>
<td rowspan="2">some value</td>
</tr>
<tr>
<td>some value</td>
<td>some value</td>
<td>some value</td>
<td>some value</td>
</tr>
</table>
1
一个非常快速的样品：
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<table border="2" id="aTable">
<tr>
<td>First</td>
<td>A</td>
</tr>
<tr>
<td>First</td>
<td>B</td>
</tr>
<tr>
<td>Second</td>
<td>V</td>
</tr>
<tr>
<td>Third</td>
<td>D</td>
</tr>
<tr>
<td>Third</td>
<td>E</td>
</tr>
</table>
</body>
<script type="text/javascript">
function MergeCommonRows(table, columnIndexToMerge){
previous = null;
cellToExtend = null;
table.find("td:nth-child("+columnIndexToMerge+")").each(function(){
jthis = $(this);
content = jthis.text()
if(previous == content){
jthis.remove();
if(cellToExtend.attr("rowspan") == undefined){
cellToExtend.attr("rowspan", 2);
}
else{
currentrowspan = parseInt(cellToExtend.attr("rowspan"));
cellToExtend.attr("rowspan", currentrowspan+1);
}
}
else{
previous = content;
cellToExtend = jthis;
}
});
};
MergeCommonRows($("#aTable"), 1);
</script>
</html>
+1
这工作很好，但只是添加parseInt围绕currentrowspan = parseInt（cellToExtend.attr（“rowspan”）） - 否则你会得到有线结果 –
相关问题
- 1. 如果（html == true）不符合此条件
- 2. angularjs ng-table/ng-rows rows not loading
- 3. 如果没有过滤器，则使用ng-table header rows rowspan
- 4. Thymeleaf Table rows rows issue（1 Order，N Articles）
- 5. 如果值为空，则合并行
- 6. $（selector）.aach on table rows w/Laravel
- 7. Javascript条件 - 如果复选框条件为true，则显示元素
- 8. 如果为true，则显示JSON对象
- 9. 如果符合条件，则插入
- 10. Excel VBA如果10行符合特定条件，则返回true或false
- 11. 合并值，如果键匹配条件
- 12. 如果条件匹配，则SQL返回true
- 13. 确定是否有值为空，如果为true，则返回false，否则为true
- 14. Provider.ValidateUser如果未获批准，则为true
- 15. 条件，如果搜索栏为null，则返回错误html
- 16. 如果内部条件HTML
- 17. 如果条件不返回true
- 18. 简单条件返回true如果document.activeElement =“”
- 19. 如果条件总是返回true
- 20. 合并子列表，如果条件为真
- 21. 如何选择一行如果条件为true，所有行如果在sql中条件为false？
- 22. 条件合并
- 23. 如果满足条件，则选择并检查并插入
- 24. 如果条件不符合？
- 25. python如果条件不适合某些条件，为什么？
- 26. 如果条件为
- 27. 如果条件为
- 28. 如果条件为
- 29. 如果在mysql查询中为true，则只能使用AND statment
- 30. SQL如何将3条语句结果合并为一条结果
你是什么意思与“合并行”？尝试举一个例子：你有什么，你想要什么？ –