JSFiddle - React, Tailwind, and code Playground

by soiefmail

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.1/bootstrap-table.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>
<table  id="tb">
	<thead> 
        <tr>
            <th data-search-formatter="false" data-field="name"></th>
            <th ></th>
        </tr>
    </thead>
    <tbody>
      <tr><td><a href="www.google.com">a</a></td><td>a</td></tr>
      <tr><td><a href="www.facebook.com">b</a></td><td>b</td></tr>
    </tbody>
</table>
<script>

</script>

JavaScript

$('#tb').bootstrapTable({
columns:[{field:'id', title:'id',
         formatter:formatId}
         ,{field:'name', title:'name'}],
    
search:true,
});
function formatId(value, row){
return '<font color="blue">' + value + ' ' + row.name +'</font>';
};