`

js计算表格列合计

阅读更多


<script type="text/javascript">
 String.prototype.trim=function(){return   this.replace(/(^\s*)|(\s*$)/g,   "");}  

 function Statistics() {
    
  var cols = <%=flnumber%>;  //定义多少列

  / ar rows = 4;
  
  
  var tbody1 = document.getElementById('tbody1');//数据区域
  var tbody2 = document.getElementById('tbody2');//统计区域
  
  var trs = tbody1.getElementsByTagName('tr');
  var results = new Array();
  for(var i = 0; i < trs.length; i++){
   var cells = trs[i].cells;
   results[i] = new Array();
   for(var j = 0; j < cells.length; j++){
         if(cells[j].innerHTML.trim() == "" || isNaN(cells[j].innerHTML.trim())){
          results[i][j] = 0;
         } else {
          results[i][j] = parseFloat(cells[j].innerHTML.trim());
        }
     }
  }

  //开始统计...
  var tr = document.createElement("tr");
  var td_1 = document.createElement("td");
  var td_2 = document.createElement("td");
   td_1.innerHTML = "合 &nbsp; 计";
   td_2.innerHTML = "&nbsp;";
   tr.appendChild(td_1);
   tr.appendChild(td_2);
  for(var i = 2; i < (cols+2); i++) {
   var td = document.createElement("td");
   td.className = "mainConTable";
   if(i != 0 && i != 1) {
    var st = 0;
    for(var j = 0; j < trs.length; j++){
      st += results[j][i];
    }
    td.innerHTML = st;
   }
   tr.appendChild(td);
  }
  tbody2.appendChild(tr);
  
  }
  
  Statistics();
</script>

分享到:
评论

相关推荐

    easyui的datagrid生成合并行,合计计算价格

    在描述中提到的"easyui的datagrid生成合并行,合计计算价格",指的是如何使用EasyUI的DataGrid组件来实现表格数据的行合并以及总价的计算功能。以下是对这个知识点的详细解释: 1. EasyUI DataGrid组件: EasyUI的...

    jqgrid_位于上端的合计行.

    此外,还可以通过 `userDataOnFooter` 选项自动将合计行数据填充到表格底部,但有时可能需要手动调整样式或添加额外的计算逻辑,所以手动处理是更灵活的选择。 总结来说,jqGrid 的上端合计行功能通过启用 `...

    给Extjs的GridPanel增加“合计”行

    - 在`GridSummary.js`文件中,我们可以定义这个类,并重写`onRender`方法,以在渲染时插入合计行。 2. **计算合计值**: - 在GridPanel的Store中,我们需要监听`datachanged`事件,当数据发生变化时,重新计算...

    vue+element-ui table表格的一些组件,包括表格的多级表头,行和列的合并和表格的合计方法

    目前有三个关于table表格的一些组件,第一,多级表头的组件,包括固定字段多级表头、单一字段...第三,表格合计方法:多行合计方法,实时计算表格输入值的合计值方法。表格内容为静态数据,只是针对表格组件的操作方法

    解决vue 表格table列求和的问题

    在使用Vue.js框架开发时,表格的数据计算和展示是常见的需求之一,尤其是在处理业务报表时,对某列数据进行求和是非常重要的功能。本文将介绍如何在Vue项目中实现表格列的求和功能,虽然原项目中使用了element-ui库...

    Boostrap-table求和合计.rar

    在特定场景下,我们可能需要在表格中实现数据的求和功能,比如对某一列进行总计计算。`Bootstrap-table` 提供了内置的工具来实现这样的功能。 首先,我们需要引入 `Bootstrap-table` 的 CSS 和 JS 文件,以及相关的...

    用Jquery选择器计算table中的某一列某一行的合计

    本节我们将深入探讨如何使用jQuery选择器来计算HTML表格(table)中特定列的某一行的合计值。这在处理数据统计、报表生成等场景中非常有用。 首先,我们了解基本的jQuery选择器概念。jQuery提供了多种选择器,如ID...

    GridView添加合计行的实现方案

    在.NET开发中,GridView是一个常用的控件,用于展示数据表格。在处理大量数据时,有时候我们需要在GridView的底部添加一个合计...同时,结合CSS和JavaScript,你可以进一步提升用户体验,如添加交互效果、实时计算等。

    JS实现动态修改table及合并单元格的方法示例

    在JavaScript中,动态修改表格(Table)以及合并单元格是常见的需求,特别是在处理数据展示或者报表生成时。以下将详细介绍如何使用JS实现这些功能。 首先,要动态修改表格,我们需要获取表格元素。在HTML中,表格...

    GridView合并表头并且有合计

    在数据绑定后,我们可以通过遍历GridView的每一列,计算每个列的合计值,并显示在合计行中。例如: ```csharp protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { // ... 合并表头...

    jqGrid表格底部汇总、合计行footerrow处理

    jqGrid是一款功能强大的JavaScript表格插件,用于在Web页面中展示和操作数据。它支持多种功能,包括排序、分页、搜索以及我们关注的底部汇总和合计行。本篇文章将详细探讨jqGrid如何实现表格底部的汇总和合计行,即`...

    javascript表格常用操作 表头排序 表头固定 列隐藏 行隐藏

    本教程将重点讲解如何实现"javascript表格常用操作",包括"表头排序"、"表头固定"、"列隐藏"、"行隐藏"以及"悬浮变色"等功能。这些功能可以极大地提升用户体验,使得数据浏览和管理更加便捷。 首先,我们来谈谈...

    jqgrid 分组 合计 例子

    `js`文件可能是包含jqGrid配置和脚本的JavaScript文件,它负责设置分组、合计和表头合并的选项,并可能包含了数据加载和事件处理逻辑。`css`文件则是样式表,用来定义jqGrid的样式,包括表格布局、颜色、字体等,...

    layui表格导出Excel,js对象属性循环.pdf

    - `data.push()`:将处理后的表头和表格内容分别推入到`data`数组中,形成一个二维数组,每一项都是一个包含多个属性(对应表格列)的对象。 - 底部合计内容的处理类似,但可能需要进行额外的计算和格式化,这部分...

    二维表头,内容过滤,多列叠加排序,合计行

    合计行是在表格的最后一行或一行的底部显示某一列或几列的总和、平均值或其他统计信息。在`datagridviewCSS`中,这可能是通过JavaScript或CSS动态计算并显示的,为用户提供了一种快速理解数据总体趋势的方式。 在...

    jquery实现select选中行、列合计示例

    通过本文的示例代码,开发者可以学会如何利用jQuery来动态计算显示或隐藏行、列的总和,并将合计结果展示在表格的特定行或列中。 首先,我们需要准备一个HTML表格,其中包含若干行和列,以及用于显示合计的行或列。...

    bootstrap table sum总数量统计实现方法

    `footerFormatter` 是一个自定义列脚单元格格式化函数,允许我们在表格的底部根据数据进行计算和展示。 1. 定义一个新功能: 首先,我们需要在 JavaScript 代码中定义一个新的函数,这个函数会接收当前列的索引、...

    Bootstrap-table分页+汇总统计

    此外,还可以通过设置 `columns` 配置项来自定义表格列的显示,包括列标题、字段名、宽度、可排序性、隐藏等属性。 综上所述,使用 Bootstrap-table 进行分页和汇总统计,能够帮助我们构建功能强大的报表界面,提升...

    几个经典JavaScript控件下载

    这里的grid表格控件可能不仅支持基本的数据列展示,还包含了合计行功能,这意味着它能够自动计算一列或多列的总和或其他统计值,如平均值或最大值,这对于数据分析和报告制作十分有用。 3. **Select的JavaScript...

    【JavaScript源代码】vue动态合并单元格并添加小计合计功能示例.docx

    在给定的文档中,我们讨论了如何在 Vue 应用中动态合并单元格并实现小计合计功能,这通常用于表格展示,例如财务报告或统计分析。以下是实现这个功能的关键知识点: 1. **数据处理**: - 效果图展示了最终的用户...

Global site tag (gtag.js) - Google Analytics