JSFiddle - React, Tailwind, and code Playground

by jimkennelly

HTML

<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<table id="table" data-search="true">
    <thead>
    <tr>
        <th data-field="name">Name</th>
        <th data-field="profile" data-formatter="formatter">Profile</th>
    </tr>
    </thead>
</table>

JavaScript

$('#table').bootstrapTable({
        data:  [
    	{
        "name": "row0",
        "profile": 7
    	},
    	{
        "name": "row1",
        "profile":8
    	},
    	{
        "name": "row2",
        "profile": 9
    	}]
    });


	function formatter(value,row,index) {
return (index>1? 'YES YES':'no no');

	}