tableTotal jquery Plugin

Automatically add total row and/or total column to table.

Installation

1. Include jQuery on the page.
2. Include jquery.tableTotal.js on the page.

Usage

HTML

<table id="totalMe">   <thead>     <tr>       <th></th>       <th>Q1</th>       <th>Q2</th>     </tr>   </thead>   <tbody>     <tr>       <th>North</th>       <td>54</td>       <td>14<td>     </tr>     <tr>       <th>South</th>       <td>24</td>       <td>39</td>     </tr>   </tbody> </table> 

JS

$('#totalMe').tableTotal(); 

Options

totalCol

Default: true

If true, adds a column to your table with row totals.

totalRow

Default: true

If true, adds a row to your table with column totals.

bold

Default: true

If true, makes all total numbers bold.

Live Example

You can find a live example of this plugin in this pen.