jsp页面动态list如果名称一样合并

最新推荐文章于 2022-08-10 14:59:52 发布

Cgxh

最新推荐文章于 2022-08-10 14:59:52 发布

阅读量2k

点赞数 1

分类专栏： Js Html 文章标签： jsp 合并

Js 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

Html

6 篇文章 0 订阅

订阅专栏

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<html>
<head>
    <script>
        //合并表格第一列相同内容
        function mergeTable(tabObj,colIndex){
            if(tabObj != null){
                var i,j;
                var intSpan;
                var strTemp;
                for(i = 0; i < tabObj.rows.length; i++){
                    intSpan = 1;
                    strTemp = tabObj.rows[i].cells[colIndex].innerText;
                    for(j = i + 1; j < tabObj.rows.length; j++){
                        if(strTemp == tabObj.rows[j].cells[colIndex].innerText){
                            intSpan++;
                            tabObj.rows[i].cells[colIndex].rowSpan = intSpan;
                            tabObj.rows[j].cells[colIndex].style.display = "none";
                        }else{
                            break;
                        }
                    }
                    i = j - 1;
                }
            }
        }

    </script>
</head>
<body οnlοad="mergeTable(table1,0)">
<table width="400" border="1" id="table1">
    <tr>
        <td>内容相同</td>
        <td>豆腐干</td>
        <td>2016-10-31</td>
    </tr>
    <tr>
        <td>内容相同</td>
        <td>豆腐干</td>
        <td>2016-10-31</td>
    </tr>
    <tr>
        <td>内容不相同</td>
        <td>回复的</td>
        <td>2016-10-31</td>
    </tr>
</table>
</body>
</html>

Cgxh

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
jsp页面动态list如果名称一样合并

应该先分组，这样你才能知道rowspan。如果在jsp里分组，那太麻烦了。分完组就好办了，直接rowspan=行数，下面重复的不显示就行了。HTML code: function SpanGrid(tabObj,colIndex){if(tabObj != null){var i,j;var intSpan;var strTemp;
复制链接

扫一扫