天天看点

JS处理Table跨行

要合并这种列表

JS处理Table跨行

由于这个数据是从xml中读取的,很多复杂逻辑,从后台的拼接难度比前台难度大。

然后就用前台拼接 ,最终效果

JS处理Table跨行

合并逻辑,给要合并的列加个样式 用于获取,然后和下面的做比对,有的就合并,其他的删除,防止断层 比如1 1 1 2  合并的后事12

1 1 2  1 3 合并之后是 1 2  1  3

js代码

<script type="text/javascript">

    $(function () {

        for (var j = 0; j < $(".nodeid").size() ; j++)

        {

            if ($($(".nodeid").get(j)).attr("rowspan") == "-1")

            {

                continue;

            }

            var count = 0;

            var falg = true;

            for (var i = 0; i < $(".nodeid").size() ; i++) {

                if (j > i)

                {

                    continue;

                }

                if (falg == false) {

                    break;

                }

                if ($.trim($($(".nodeid").get(i)).text()) == $.trim($($(".nodeid").get(j)).text())) {

                    count++;

                    $($(".nodeid").get(i)).attr("rowspan", "-1");

                } else {

                    falg = false;

                }

            }

            $($(".nodeid").get(j)).attr("rowspan", count);

        }

        $("[rowspan='-1']").remove();

    });

</script>