<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 = "合 计";
td_2.innerHTML = " ";
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组件来实现表格数据的行合并以及总价的计算功能。以下是对这个知识点的详细解释: 1. EasyUI DataGrid组件: EasyUI的...
- 在`GridSummary.js`文件中,我们可以定义这个类,并重写`onRender`方法,以在渲染时插入合计行。 2. **计算合计值**: - 在GridPanel的Store中,我们需要监听`datachanged`事件,当数据发生变化时,重新计算...
此外,还可以通过 `userDataOnFooter` 选项自动将合计行数据填充到表格底部,但有时可能需要手动调整样式或添加额外的计算逻辑,所以手动处理是更灵活的选择。 总结来说,jqGrid 的上端合计行功能通过启用 `...
目前有三个关于table表格的一些组件,第一,多级表头的组件,包括固定字段多级表头、单一字段...第三,表格合计方法:多行合计方法,实时计算表格输入值的合计值方法。表格内容为静态数据,只是针对表格组件的操作方法
在使用Vue.js框架开发时,表格的数据计算和展示是常见的需求之一,尤其是在处理业务报表时,对某列数据进行求和是非常重要的功能。本文将介绍如何在Vue项目中实现表格列的求和功能,虽然原项目中使用了element-ui库...
在特定场景下,我们可能需要在表格中实现数据的求和功能,比如对某一列进行总计计算。`Bootstrap-table` 提供了内置的工具来实现这样的功能。 首先,我们需要引入 `Bootstrap-table` 的 CSS 和 JS 文件,以及相关的...
本节我们将深入探讨如何使用jQuery选择器来计算HTML表格(table)中特定列的某一行的合计值。这在处理数据统计、报表生成等场景中非常有用。 首先,我们了解基本的jQuery选择器概念。jQuery提供了多种选择器,如ID...
在.NET开发中,GridView是一个常用的控件,用于展示数据表格。在处理大量数据时,有时候我们需要在GridView的底部添加一个合计...同时,结合CSS和JavaScript,你可以进一步提升用户体验,如添加交互效果、实时计算等。
在JavaScript中,动态修改表格(Table)以及合并单元格是常见的需求,特别是在处理数据展示或者报表生成时。以下将详细介绍如何使用JS实现这些功能。 首先,要动态修改表格,我们需要获取表格元素。在HTML中,表格...
在数据绑定后,我们可以通过遍历GridView的每一列,计算每个列的合计值,并显示在合计行中。例如: ```csharp protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { // ... 合并表头...
jqGrid是一款功能强大的JavaScript表格插件,用于在Web页面中展示和操作数据。它支持多种功能,包括排序、分页、搜索以及我们关注的底部汇总和合计行。本篇文章将详细探讨jqGrid如何实现表格底部的汇总和合计行,即`...
本教程将重点讲解如何实现"javascript表格常用操作",包括"表头排序"、"表头固定"、"列隐藏"、"行隐藏"以及"悬浮变色"等功能。这些功能可以极大地提升用户体验,使得数据浏览和管理更加便捷。 首先,我们来谈谈...
`js`文件可能是包含jqGrid配置和脚本的JavaScript文件,它负责设置分组、合计和表头合并的选项,并可能包含了数据加载和事件处理逻辑。`css`文件则是样式表,用来定义jqGrid的样式,包括表格布局、颜色、字体等,...
列配置则定义了表格的列信息,包括标题、字段名、宽度等。 2. **实现单元格合并的关键步骤** - **数据预处理**:在获取到原始数据后,我们需要对数据进行处理,找出具有相同参数的行,并记录其起始行和结束行以及...
- `data.push()`:将处理后的表头和表格内容分别推入到`data`数组中,形成一个二维数组,每一项都是一个包含多个属性(对应表格列)的对象。 - 底部合计内容的处理类似,但可能需要进行额外的计算和格式化,这部分...
`footerFormatter` 是一个自定义列脚单元格格式化函数,允许我们在表格的底部根据数据进行计算和展示。 1. 定义一个新功能: 首先,我们需要在 JavaScript 代码中定义一个新的函数,这个函数会接收当前列的索引、...
合计行是在表格的最后一行或一行的底部显示某一列或几列的总和、平均值或其他统计信息。在`datagridviewCSS`中,这可能是通过JavaScript或CSS动态计算并显示的,为用户提供了一种快速理解数据总体趋势的方式。 在...
通过本文的示例代码,开发者可以学会如何利用jQuery来动态计算显示或隐藏行、列的总和,并将合计结果展示在表格的特定行或列中。 首先,我们需要准备一个HTML表格,其中包含若干行和列,以及用于显示合计的行或列。...
这里的grid表格控件可能不仅支持基本的数据列展示,还包含了合计行功能,这意味着它能够自动计算一列或多列的总和或其他统计值,如平均值或最大值,这对于数据分析和报告制作十分有用。 3. **Select的JavaScript...
在给定的文档中,我们讨论了如何在 Vue 应用中动态合并单元格并实现小计合计功能,这通常用于表格展示,例如财务报告或统计分析。以下是实现这个功能的关键知识点: 1. **数据处理**: - 效果图展示了最终的用户...