bootstrap table click cell event

by bairog

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.0/bootstrap-table.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.0/bootstrap-table.min.js"></script>
    <div class="container"> 
				<p>TABLE 1</p>
        <table id="summaryTable">
					<thead>
						<tr>
								<th data-field="id" data-visible="false">id</th>
								<th data-field="name" data-align="center">Name</th>
                <th data-field="type" data-align="center">type</th>
						</tr>
					</thead>
				</table>
        <br>
        
   
  </div>

CSS

.hiddenColumn {
  display: none;
  visibility: hidden;
}

JavaScript

$(document).ready(function() {	
	var t = [
      {  "id": "1",
       	"name": "john",
        "type": "car"
      },
      { "id": "2",
        "name": "ted",
        "type": "house"
      },
      { "id": "3",
        "name": "ted",
        "type": "bike"
      }
    ];
	
  
  //TABLE 1
  $('#summaryTable').bootstrapTable({
    data: t,
  });
	
  $('#summaryTable').on('click-cell.bs.table', function (field, value, row, $el) {
 	  if (value !="type"){
   	  alert($el.id);
    }
  });
	 
});