Bootstrap Table

by jimkennelly

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" data-search="true">
  <thead>
    <tr>
      <th data-field="name">Name</th>
      <th data-field="stargazers_count">Stars</th>
      <th data-field="forks_count" data-formatter="formatForks">Forks</th>
      <th data-field="forks_count" data-formatter="formatForks1">Forks</th>
    <th data-field="forks_count" data-formatter="formatForks2">Forks</th>
      <th data-field="description">Description</th>
    </tr>
  </thead>
</table>

JavaScript

var data = [{
      "name": "bootstrap-table",
      "stargazers_count": "526",
      "forks_count": "122",
      "description": "An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. (supports twitter bootstrap v2 and v3) "
    },
    {
      "name": "multiple-select",
      "stargazers_count": "288",
      "forks_count": "150",
      "description": "A jQuery plugin to select multiple elements with checkboxes :)"
    },
    {
      "name": "bootstrap-show-password",
      "stargazers_count": "32",
      "forks_count": "11",
      "description": "Show/hide password plugin for twitter bootstrap."
    },
    {
      "name": "blog",
      "stargazers_count": "13",
      "forks_count": "4",
      "description": "my blog"
    },
    {
      "name": "scutech-redmine",
      "stargazers_count": "6",
      "forks_count": "3",
      "description": "Redmine notification tools for chrome extension."
    }
  ];

  $(function() {
    $('#table').bootstrapTable({
      data: data
    });
  });
  
  function formatForks(value) {
  if (value>100)
  return 'yes';
  else
  return 'no';
  }
  
    
  function formatForks1(value) {
  if (value>100)
  return '<input value="test">';
  else
  return '<input value="program">';
  }
  
  function formatForks2(value,row,index) {

return '<select><option  value="1">airplane</option><option ' + (index>1?' selected ':'') +'  value="2">boat</option></select>'
  }