Bootstrap 3.0 - Table

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.0/bootstrap-table.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.0/bootstrap-table.min.js"></script>
<table id="roomCheckoutTableResult" style="min-height:200" data-show-header="true"  data-toggle="table" data-height="500" data-striped="true">
    <thead>
    <tr>
    <th ># Reçu</th>
    <th># Client</th>
    <th>Nom</th>
    <th>Date début</th>
    <th>Date fin</th>
    <th>Mode de paiement</th>
    <th>Montant reçu</th>
    <th>Montant du loyer</th>
    <th>Montant change</th>
    <th>Montant avance</th>
    <th>Reçu par</th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
      <td>6</td>
      <td>7</td>
      <td>8</td>
      <td>9</td>
      <td>10</td>
      <td>11</td>
    </tr>
    </tbody>
    </table>

CSS

.testClass{width:500px;}

JavaScript

// $('#roomCheckoutTableResult').bootstrapTable();