bootstrap-table

There is way using javascript ( http://jsfiddle.net/8svjf80g/1/ ) to load JSON data into Bootstrap table but same example is not working with me. Here is the code - var $table = $('#table'); var mydata = [ { "id": 0, "name": "test0", "price": "$0" }, { "id": 1, "name": "test1", "price": "$1" }, { "id": 2, "name": "test2", "price": "$2" }, { "id": 3, "name": "test3", "price": "$3" }, { "id": 4, "name": "test4", "price": "$4" }, { "id": 5, "name": "test5", "price": "$5" }, { "id": 6, "name": "test6", "price": "$6" }, { "id": 7, "name": "test7", "price": "$7" }, { "id": 8, "name": "test8", "price

My previous question was this and I want to uncheck checked row if user selects a row that has 'Stock Available=null or 0'. Now my jquery code is: $(document).ready(function() { $("#add_cart_btn").hide(); var json; var checkedRows = []; $('#table-style').on('check.bs.table', function (e, row) { checkedRows.push({id: row.id}); $("#add_cart_btn").show(); }); $('#table-style').on('uncheck.bs.table', function (e, row) { $.each(checkedRows, function(index, value) { if (value.id === row.id) { checkedRows.splice(index,1); } }); }); /*if(checkedRows.length < 0) { // does not exist $("#add_cart_btn")

I'm using bootstrap table. In that I want to get Item ID value/values of selected table rows after clicking 'Add to cart' button present on same page. Table code: <table data-toggle="table" id="table-style" data-row-style="rowStyle" data-url="tables/data2.json" data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-select-item-name="toolbar1" data-pagination="true" data-sort-name="name" data-sort-order="desc" data-single-select="false" data-click-to-select="true" data-maintain-selected="true"> <thead> <tr> <th data-field="state" data-checkbox="true"><

I followed @koala_dev's code in this post to try to lock the first column s my table scrolls horizontally. The code unfortunately has no effect on my table. I was wondering if anyone could give me some pointers on what I have done wrong as I am new to programming. This is my table: http://jsfiddle.net/mademoiselletse/bypbqboe/59/ This is the code I inserted in JS (line 121-133): $(function() { var $tableClass = $('.table'); // Make a clone of our table var $fixedColumn = $tableClass.clone().insertBefore($tableClass).addClass('fixed-column'); // Remove everything except for first column