Demo by jquery-az.com
jQuery, CSS and HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="css/jquery.csv-calc/demo-01.css"> <script src="//code.jquery.com/jquery-2.2.3.min.js"></script> <script src="js/jquery.csv-calc/jquery.csv-calc.js"></script> <script> $(function() { $('#products').csvCalc('products.csv'); }); </script> </head> <body> <div> <h1>Demo 1</h1> <table id="products"> <tr class="th"> <th>id</th> <th>name</th> <th>price</th> <th>amount</th> <th>sum</th> </tr> <tr class="product-info" data-csvcalc-repeat> <td data-csvcalc-cell="0" data-csvcalc-id></td> <td data-csvcalc-cell="1"></td> <td data-csvcalc-cell="2" data-csvcalc-price class="price"></td> <td><input data-csvcalc-input class="amount" type="number" min="0" value="0"></td> <td data-csvcalc-sum class="sum">0</td> </tr> <tr class="th"> <th colspan="4" class="th-total">total</th> <td data-csvcalc-total class="total">0</td> </tr> </table> </body> </html>
id
name
price
amount
sum
0
total
0