javascript - How to insert and update data in Bootstrap table? -
i haven't found exact answer how insert , update data in bootstrap table.
the data coming url in json format.
i have use multiple urls in same table.
<html> <head> <!-- latest compiled , minified css --> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.1/bootstrap-table.css"> <!-- latest compiled , minified javascript --> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.1/bootstrap-table.js"></script> </head> <body> <div style="margin : 100px;"> <button class="btn-primary btn" onclick="load();" >load table</button> <button class="btn-primary btn" onclick="reload();">update table</button> </div> <table class="table" id="table"> <thead> <tr> <th data-field="id">item id</th> <th data-field="name">item name</th> <th data-field="price">item price</th> </tr> </thead> </table> <script> $('#table').bootstraptable({}); function load(){ var data = [{ id: 1, name: 'item 1', price: '$1' }, { id: 2, name: 'item 2', price: '$4' }]; $('#table').bootstraptable("load", data); } function reload(){ var data = [{ id: 3, name: 'item 3', price: '$2' }, { id: 4, name: 'item 4', price: '$6' }]; $('#table').bootstraptable("load", data); } </script> </body> </html> if data coming api json, need first download json api endpoint , store in javascript variable , load
Comments
Post a Comment