table

 <!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap 4 Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
  <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.12.1/bootstrap-table.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.12.1/bootstrap-table.min.js"></script>
<script src="https://rawgit.com/wenzhixin/bootstrap-table/develop/src/extensions/export/bootstrap-table-export.js"></script>
<script src="http://rawgit.com/hhurz/tableExport.jquery.plugin/master/tableExport.js"></script>

<!-- Latest compiled and minified Locales -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.12.1/locale/bootstrap-table-zh-EN.min.js"></script>
<script src="https://github.com/kayalshri/tableExport.jquery.plugin/blob/master/jquery.base64.js"></script>
</head>
<body>
<div class="container">
<div id="toolbar">
<button id="button remove" class="btn btn-default remove">remove</button>

</div>
<table data-pagination="true" data-search="true" data-search-on-enter-key ="false" data-toggle="table" data-classes="table table-hover"   data-striped="false"  id="ddd"

	 	data-toolbar="#toolbar"
           data-search="true"
           data-show-refresh="true"
           data-show-toggle="true"
           data-show-columns="true"
           data-detail-view="true"
           data-minimum-count-columns="2"
           data-show-pagination-switch="true"
           data-pagination="true"
           data-page-list="[10, 25, 50, 100, ALL]"
           data-side-pagination="server"


	`		data-response-handler="responseHandler">

    <thead>
    <tr>
        <th data-sortable="true"  data-sort-class="custom" data-sort-order="desc" data-field="id">Item ID</th>
        <th data-sortable="true"  data-sort-order="desc"   data-field="name">Item Name</th>
        <th data-sortable="true"  data-sort-order="desc"   data-field="price">Item Price</th>
        <th data-sortable="true"  data-sort-order="desc"   data-field="description">Description</th>
    </tr>
    </thead>
    <tbody>
    <tr id="" class="">
        <td id="" class="">
           bootstrap-table
        </td>
        <td data-field="as" data-checkbox="">55</td>
        <td>122</td>
        <td>An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. (supports twitter bootstrap v2 and v3)
        </td>
    </tr>
    <tr id="" class="">
        <td id="" class="">
           multiple-select
        </td>
        <td>288</td>
        <td>150</td>
        <td>A jQuery plugin to select multiple elements with checkboxes :)
        </td>
    </tr>
    <tr id="" class="">
        <td id="" class="">
         bootstrap-show-password
        </td>
        <td>32</td>
        <td>11</td>
        <td>Show/hide password plugin for twitter bootstrap.
        </td>
    </tr>
    <tr id="" class="">
        <td id="" class="">
            blog
        </td>
        <td>13</td>
        <td>4</td>
        <td>my blog</td>
    </tr>
    <tr id="" class="">
        <td id="" class="">
            scutech-redmine
        <td>6</td>
        <td>3</td>
        <td>Redmine notification tools for chrome extension.</td>
    </tr>
    </tbody>
</table>

</div>

<script>


    $(document).ready(function(){


    });
</script>
</body>
</html>