建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery表格汇总插件TableSum.js

来源:易助科技网浏览量:10收藏

简介

TableSum.js是一款JQuery用于表格汇总插件,使用简单方便。

(下载的附件中附有DEMO)


JQuery表格汇总插件TableSum.js-示例图


使用

1.  引入文件


<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="tablesum.js"></script>


2.  HTML


<table>
  <tbody>
    <tr>
      <td>2015-09-08</td>
      <td>test</td>
      <td>52</td>
      <td>12</td>
    </tr>
    <tr>
      <td>2015-09-08</td>
      <td>test</td>
      <td>10</td>
      <td>1.5</td>
    </tr>
    <tr>
      <td>2015-09-08</td>
      <td>test</td>
      <td>10</td>
      <td>1.5</td>
    </tr>
  </tbody>
</table>

//CSS
  table{border:1px solid #ddd;}
  td{padding: 10px;border:1px solid #ddd;}


3.  调用


<script type="text/javascript">
  $('table').tableSum({'sumText':'total'})
</script>



相关链接

GitHub 地址 :https://github.com/luyucia/tablesum