JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css">
<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/dist/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/dist/bootstrap-table.js"></script>
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/extensions/multiple-sort/bootstrap-table-multiple-sort.js"></script>
    <table data-toggle='table' 
           data-escape='false' 
           data-locale='zh-CN'
           data-search='true'
           data-id-field='id'
           data-classes='table table-hover table-no-bordered'
           data-toolbar='#toolbar'
           >
  <thead>
    <tr>
          <th data-align='center' data-sortable='true' data-field='id'>ID</th>
          <th data-align='left' data-sortable='true' data-searchable='false'>账号</th>
          <th data-align='left' data-sortable='false'>姓名</th>
          <th data-align='left' data-sortable='false'>邮箱</th>
          <th data-align='left' data-sortable='true' data-searchable='false'>角色</th>
          <th data-align='center' data-sortable='false' data-searchable='false'>操作</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a title='编辑' href='#'>s</a></td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
      <td>6</td>
    </tr>

  </tbody>
</table>