javascript - 如何在不限定表格行数和列数的情况下进行列求和？

问题描述

问 题

问题

表格的行数与列数不固定，在 tfoot 中需要对 tbody 的列进行求和计算。如何动态的求和？

需求

例如 tfoot 的第二列为 tbody 的第二列之和，以此类推，行数、列数不固定。

解决方案

A	B	C
1	2	3
4	5	6
7	8	9

这个是随便写了一下的table表

<script type="text/javascript">
    $(function(){
        $('tfoot td').each(function(){
            var td_index = $(this).index();
            var _total = 0;
            $('tbody tr').each(function(){
                var _num = parseInt($(this).find('td').eq(td_index).text());
                _total += _num;
            });
            $(this).text(_total);
        })
    })
</script>

这个是jquery.写得有点乱。。功能是可以实现的。你可以看下。

这篇关于javascript - 如何在不限定表格行数和列数的情况下进行列求和？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！