Bootstrap Table

by Twizere Pacifique

HTML

<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>

<table id="table">
</table>

JavaScript

var data = [
    {
        "name": "bootstrap-table",
        "customID": "526",
        "Stock_Available": "122",
       
    },
    {
        "name": "multiple-select",
        "customID": "288",
        "Stock_Available": "150",
    },
    {
        "name": "bootstrap-show-password",
        "customID": "32",
        "Stock_Available": "11",
    },
    {
        "name": "blog",
        "customID": "13",
        "Stock_Available": "",
    },
    {
        "name": "scutech-redmine",
        "customID": "6",
        "Stock_Available": "0",
      
    }
];

$(function () {
    $('#table').bootstrapTable({
        data: data,
        uniqueId:"customID",
         clickToSelect: true,
         columns: [
                    { checkbox: true },
                    { field: "name", title: "Name"},
                    { field: "Stock_Available", title: "Stock"}
                    ]
    });
   
 		
 		$("#table").on("check.bs.table",function ( $element,row) {
		console.log(row);
   // alert(row.customID);
   if(row.Stock_Available==0 || row.Stock_Available==null){
    $("#table").bootstrapTable("uncheckBy", { field: "customID", values: [row.customID] });
    }
   
   });
    
   
});