首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何从dataTables中获取不同的值,并使用JS对总的特定字段求和

从dataTables中获取不同的值,并使用JS对特定字段求和的方法如下:

  1. 首先,确保你已经引入了dataTables库和jQuery库。
  2. 在HTML页面中,创建一个表格并使用dataTables初始化该表格。例如:
代码语言:txt
复制
<table id="myTable">
  <thead>
    <tr>
      <th>Name</th>
      <th>Value</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Item 1</td>
      <td>10</td>
    </tr>
    <tr>
      <td>Item 2</td>
      <td>20</td>
    </tr>
    <tr>
      <td>Item 1</td>
      <td>30</td>
    </tr>
  </tbody>
</table>
  1. 使用JavaScript代码从dataTables中获取不同的值,并对特定字段求和。例如:
代码语言:txt
复制
$(document).ready(function() {
  var table = $('#myTable').DataTable();

  var uniqueValues = [];
  var sum = 0;

  table.column(0).data().each(function(value, index) {
    if (!uniqueValues.includes(value)) {
      uniqueValues.push(value);
    }
  });

  uniqueValues.forEach(function(value) {
    var rows = table.rows(function(index, data, node) {
      return data[0] === value;
    }).data();

    var columnData = rows.toArray().map(function(row) {
      return parseInt(row[1]);
    });

    var columnSum = columnData.reduce(function(a, b) {
      return a + b;
    }, 0);

    sum += columnSum;
  });

  console.log('Sum:', sum);
});

上述代码中,我们首先获取表格的数据,并遍历第一列的值,将不重复的值存储在uniqueValues数组中。然后,对于每个不重复的值,我们获取与之匹配的行,并提取第二列的值。接下来,我们使用reduce方法对每个列的值进行求和,并将结果累加到sum变量中。最后,我们打印出求和的结果。

请注意,上述代码仅适用于dataTables库。如果你使用的是其他表格库或自己手动处理表格数据,代码可能会有所不同。

希望以上内容对你有帮助!如果你有任何其他问题,请随时提问。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JavaScript DOM操作表格及样式

一.操作表格

标签是HTML中结构最为复杂的一个,可以通过DOM来创建生成它(比较麻烦),或者HTML DOM来操作它。 //需要操作的table
<tr

010
领券
人员表
姓名 性别 年龄
汤高 20