File
Add library
Share
Login or Register
Help
HTMLSaved
 
<!DOCTYPE html>
<html>
  <head>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
​
    <link href="https://nightly.datatables.net/css/dataTables.dataTables.css" rel="stylesheet" type="text/css" />
    <script src="https://nightly.datatables.net/js/dataTables.js"></script>
​
    <meta charset=utf-8 />
    <title>DataTables - JS Bin</title>
  </head>
  <body>
    <div class="container" width="30%">
      <table id="example" class="display compact nowrap" width="100%">
        <thead>
           <tr>
            <th>Date</th>
            <th>A</th>
            <th>B</th>
            <th>C</th>
            <th>D</th>
            <th>E</th>
          </tr>
        </thead>
​
        <tfoot>
          <tr>
            <th>Name</th>
           <th>Date</th>
            <th>A</th>
            <th>B</th>
            <th>C</th>
            <th>D</th>
            <th>E</th>
          </tr>
        </tfoot>
​
        <tbody><tr><td>22-05-2024</td><td class="dt-type-numeric">78</td><td class="dt-type-numeric">18.6</td><td class="dt-type-numeric">20.3</td><td class="dt-type-numeric dt-right">20.875
</td><td class="dt-type-numeric dt-right">0.033
</td></tr><tr><td>21-05-2024</td><td class="dt-type-numeric">74</td><td class="dt-type-numeric">18.4</td><td class="dt-type-numeric">19.6</td><td class="dt-type-numeric dt-right">47.336
</td><td class="dt-type-numeric dt-right">0.034
</td></tr><tr><td>20-05-2024</td><td class="dt-type-numeric">72</td><td class="dt-type-numeric">18.1</td><td class="dt-type-numeric">19.2</td><td class="dt-type-numeric dt-right">19.377
</td><td class="dt-type-numeric dt-right">0.038
</td></tr><tr><td>19-05-2024</td><td class="dt-type-numeric">76</td><td class="dt-type-numeric">18</td><td class="dt-type-numeric">16.8</td><td class="dt-type-numeric dt-right">33.896
</td><td class="dt-type-numeric dt-right">0.046
</td></tr><tr><td>18-05-2024</td><td class="dt-type-numeric">76</td><td class="dt-type-numeric">18.2</td><td class="dt-type-numeric">15.5</td><td class="dt-type-numeric dt-right">26.199
</td><td class="dt-type-numeric dt-right">0.032
</td></tr><tr><td>17-05-2024</td><td class="dt-type-numeric">79</td><td class="dt-type-numeric">18.2</td><td class="dt-type-numeric">15</td><td class="dt-type-numeric dt-right">14.036
</td><td class="dt-type-numeric dt-right">0.046
</td></tr><tr><td>16-05-2024</td><td class="dt-type-numeric">75</td><td class="dt-type-numeric">18.1</td><td class="dt-type-numeric">12.5</td><td class="dt-type-numeric dt-right">15.225
</td><td class="dt-type-numeric dt-right">0.041
</td></tr><tr><td>15-05-2024</td><td class="dt-type-numeric">77</td><td class="dt-type-numeric">18.1</td><td class="dt-type-numeric">12.9</td><td class="dt-type-numeric dt-right">18.838
</td><td class="dt-type-numeric dt-right">0.014
</td></tr><tr><td>14-05-2024</td><td class="dt-type-numeric">76</td><td class="dt-type-numeric">18.1</td><td class="dt-type-numeric">11.6</td><td class="dt-type-numeric dt-right">64.644
</td><td class="dt-type-numeric dt-right">0.041
</td></tr><tr><td>13-05-2024</td><td class="dt-type-numeric">82</td><td class="dt-type-numeric">18.4</td><td class="dt-type-numeric">12</td><td class="dt-type-numeric dt-right">80.185
</td><td class="dt-type-numeric dt-right">0.038
</td></tr><tr><td>12-05-2024</td><td class="dt-type-numeric">86</td><td class="dt-type-numeric">18.3</td><td class="dt-type-numeric">15.3</td><td class="dt-type-numeric dt-right">33.542
</td><td class="dt-type-numeric dt-right">0.036
</td></tr><tr><td>11-05-2024</td><td class="dt-type-numeric">82</td><td class="dt-type-numeric">18</td><td class="dt-type-numeric">14.6</td><td class="dt-type-numeric dt-right">20.624
</td><td class="dt-type-numeric dt-right">0.033
</td></tr><tr><td>10-05-2024</td><td class="dt-type-numeric">81</td><td class="dt-type-numeric">17.7</td><td class="dt-type-numeric">15.3</td><td class="dt-type-numeric dt-right">17.766
</td><td class="dt-type-numeric dt-right">0.042
</td></tr><tr><td>09-05-2024</td><td class="dt-type-numeric">82</td><td class="dt-type-numeric">17.5</td><td class="dt-type-numeric">14.5</td><td class="dt-type-numeric dt-right">43.516
</td><td class="dt-type-numeric dt-right">0.018
</td></tr><tr><td>08-05-2024</td><td class="dt-type-numeric">79</td><td class="dt-type-numeric">17.7</td><td class="dt-type-numeric">15.3</td><td class="dt-type-numeric dt-right">14.608
</td><td class="dt-type-numeric dt-right">0.041
</td></tr><tr><td>07-05-2024</td><td class="dt-type-numeric">76</td><td class="dt-type-numeric">17.2</td><td class="dt-type-numeric">14.3</td><td class="dt-type-numeric dt-right">22.965
</td><td class="dt-type-numeric dt-right">0.028
</td></tr><tr><td>06-05-2024</td><td class="dt-type-numeric">79</td><td class="dt-type-numeric">17.2</td><td class="dt-type-numeric">14.5</td><td class="dt-type-numeric dt-right">17.349
</td><td class="dt-type-numeric dt-right">0.030
</td></tr><tr><td>05-05-2024</td><td class="dt-type-numeric">77</td><td class="dt-type-numeric">17.3</td><td class="dt-type-numeric">14.8</td><td class="dt-type-numeric dt-right">15.868
</td><td class="dt-type-numeric dt-right">0.038
</td></tr><tr><td>04-05-2024</td><td class="dt-type-numeric">81</td><td class="dt-type-numeric">17.4</td><td class="dt-type-numeric">15</td><td class="dt-type-numeric dt-right">14.882
</td><td class="dt-type-numeric dt-right">0.033
</td></tr><tr><td>03-05-2024</td><td class="dt-type-numeric">82</td><td class="dt-type-numeric">17.2</td><td class="dt-type-numeric">16.4</td><td class="dt-type-numeric dt-right">14.312
</td><td class="dt-type-numeric dt-right">0.043
</td></tr><tr><td>02-05-2024</td><td class="dt-type-numeric">86</td><td class="dt-type-numeric">17.1</td><td class="dt-type-numeric">15.5</td><td class="dt-type-numeric dt-right">15.631
</td><td class="dt-type-numeric dt-right">0.032
</td></tr><tr><td>01-05-2024</td><td class="dt-type-numeric">81</td><td class="dt-type-numeric">16.8</td><td class="dt-type-numeric">14.8</td><td class="dt-type-numeric dt-right">14.598
</td><td class="dt-type-numeric dt-right">0.040
</td></tr><tr><td>30-04-2024</td><td class="dt-type-numeric">76</td><td class="dt-type-numeric">16.5</td><td class="dt-type-numeric">14.5</td><td class="dt-type-numeric dt-right">13.703
</td><td class="dt-type-numeric dt-right">0.021
</td></tr><tr><td>29-04-2024</td><td class="dt-type-numeric">71</td><td class="dt-type-numeric">16.2</td><td class="dt-type-numeric">14.3</td><td class="dt-type-numeric dt-right">15.432
</td><td class="dt-type-numeric dt-right">0.016
</td></tr><tr><td>28-04-2024</td><td class="dt-type-numeric">77</td><td class="dt-type-numeric">16.2</td><td class="dt-type-numeric">14.6</td><td class="dt-type-numeric dt-right">13.554
</td><td class="dt-type-numeric dt-right">0.022
</td></tr><tr><td>27-04-2024</td><td class="dt-type-numeric">72</td><td class="dt-type-numeric">16.1</td><td class="dt-type-numeric">12.6</td><td class="dt-type-numeric dt-right">17.903
</td><td class="dt-type-numeric dt-right">0.033
</td></tr><tr><td>26-04-2024</td><td class="dt-type-numeric">81</td><td class="dt-type-numeric">16.2</td><td class="dt-type-numeric">12.5</td><td class="dt-type-numeric dt-right">13.697
</td><td class="dt-type-numeric dt-right">0.042
</td></tr><tr><td>25-04-2024</td><td class="dt-type-numeric">82</td><td class="dt-type-numeric">16</td><td class="dt-type-numeric">13.7</td><td class="dt-type-numeric dt-right">14.308
</td><td class="dt-type-numeric dt-right">0.017
</td></tr><tr><td>24-04-2024</td><td class="dt-type-numeric">104</td><td class="dt-type-numeric">16.2</td><td class="dt-type-numeric">14.2</td><td class="dt-type-numeric dt-right">21.152
</td><td class="dt-type-numeric dt-right">0.045
</td></tr><tr><td>23-04-2024</td><td class="dt-type-numeric">76</td><td class="dt-type-numeric">16.5</td><td class="dt-type-numeric">11.2</td><td class="dt-type-numeric dt-right">16.449
</td><td class="dt-type-numeric dt-right">0.049
</td></tr><tr><td>22-04-2024</td><td class="dt-type-numeric">78</td><td class="dt-type-numeric">16.7</td><td class="dt-type-numeric">11.1</td><td class="dt-type-numeric dt-right">32.192
</td><td class="dt-type-numeric dt-right">0.043
</td></tr><tr><td>21-04-2024</td><td class="dt-type-numeric">75</td><td class="dt-type-numeric">16.5</td><td class="dt-type-numeric">10.1</td><td class="dt-type-numeric dt-right">16.014
</td><td class="dt-type-numeric dt-right">0.047
</td></tr><tr><td>20-04-2024</td><td class="dt-type-numeric">76</td><td class="dt-type-numeric">17.3</td><td class="dt-type-numeric">12.8</td><td class="dt-type-numeric dt-right">15.694
</td><td class="dt-type-numeric dt-right">0.049
</td></tr><tr><td>19-04-2024</td><td class="dt-type-numeric">73</td><td class="dt-type-numeric">17.5</td><td class="dt-type-numeric">9.7</td><td class="dt-type-numeric dt-right">16.205
</td><td class="dt-type-numeric dt-right">0.047
</td></tr><tr><td>18-04-2024</td><td class="dt-type-numeric">73</td><td class="dt-type-numeric">17.9</td><td class="dt-type-numeric">12.2</td><td class="dt-type-numeric dt-right">16.355
</td><td class="dt-type-numeric dt-right">0.041
</td></tr><tr><td>17-04-2024</td><td class="dt-type-numeric">82</td><td class="dt-type-numeric">17.6</td><td class="dt-type-numeric">17.7</td><td class="dt-type-numeric dt-right">23.326
</td><td class="dt-type-numeric dt-right">0.045
</td></tr><tr><td>16-04-2024</td><td class="dt-type-numeric">83</td><td class="dt-type-numeric">17.3</td><td class="dt-type-numeric">16.5</td><td class="dt-type-numeric dt-right">25.018
</td><td class="dt-type-numeric dt-right">0.038
</td></tr><tr><td>15-04-2024</td><td class="dt-type-numeric">80</td><td class="dt-type-numeric">17</td><td class="dt-type-numeric">18</td><td class="dt-type-numeric dt-right">33.034
</td><td class="dt-type-numeric dt-right">0.048
</td></tr><tr><td>14-04-2024</td><td class="dt-type-numeric">77</td><td class="dt-type-numeric">16.6</td><td class="dt-type-numeric">17</td><td class="dt-type-numeric dt-right">18.370
</td><td class="dt-type-numeric dt-right">0.047
</td></tr><tr><td>13-04-2024</td><td class="dt-type-numeric">79</td><td class="dt-type-numeric">16.2</td><td class="dt-type-numeric">13.8</td><td class="dt-type-numeric dt-right">16.484
</td><td class="dt-type-numeric dt-right">0.025
</td></tr><tr><td>12-04-2024</td><td class="dt-type-numeric">82</td><td class="dt-type-numeric">16</td><td class="dt-type-numeric">16.7</td><td class="dt-type-numeric dt-right">14.359
</td><td class="dt-type-numeric dt-right">0.040
</td></tr><tr><td>11-04-2024</td><td class="dt-type-numeric">79</td><td class="dt-type-numeric">15.6</td><td class="dt-type-numeric">15.1</td><td class="dt-type-numeric dt-right">17.184
</td><td class="dt-type-numeric dt-right">0.033
</td></tr><tr><td>10-04-2024</td><td class="dt-type-numeric">78</td><td class="dt-type-numeric">15.4</td><td class="dt-type-numeric">15.5</td><td class="dt-type-numeric dt-right">16.115
</td><td class="dt-type-numeric dt-right">0.035
</td></tr><tr><td>09-04-2024</td><td class="dt-type-numeric">77</td><td class="dt-type-numeric">15.2</td><td class="dt-type-numeric">15.7</td><td class="dt-type-numeric dt-right">16.087
</td><td class="dt-type-numeric dt-right">0.037
</td></tr><tr><td>08-04-2024</td><td class="dt-type-numeric">73</td><td class="dt-type-numeric">15</td><td class="dt-type-numeric">13.9</td><td class="dt-type-numeric dt-right">11.453
</td><td class="dt-type-numeric dt-right">0.037
</td></tr><tr><td>07-04-2024</td><td class="dt-type-numeric">77</td><td class="dt-type-numeric">14.8</td><td class="dt-type-numeric">12.9</td><td class="dt-type-numeric dt-right">18.340
</td><td class="dt-type-numeric dt-right">0.051
</td></tr><tr><td>06-04-2024</td><td class="dt-type-numeric">78</td><td class="dt-type-numeric">14.5</td><td class="dt-type-numeric">13.4</td><td class="dt-type-numeric dt-right">19.177
</td><td class="dt-type-numeric dt-right">0.048
</td></tr><tr><td>05-04-2024</td><td class="dt-type-numeric">78</td><td class="dt-type-numeric">14.1</td><td class="dt-type-numeric">13.4</td><td class="dt-type-numeric dt-right">21.898
</td><td class="dt-type-numeric dt-right">0.049
</td></tr><tr><td>04-04-2024</td><td class="dt-type-numeric">81</td><td class="dt-type-numeric">13.8</td><td class="dt-type-numeric">11.4</td><td class="dt-type-numeric dt-right">16.764
</td><td class="dt-type-numeric dt-right">0.048
</td></tr><tr><td>03-04-2024</td><td class="dt-type-numeric">78</td><td class="dt-type-numeric">13.4</td><td class="dt-type-numeric">12.5</td><td class="dt-type-numeric dt-right">14.605
</td><td class="dt-type-numeric dt-right">0.048
</td></tr></tbody>      </table>
    </div>
  </body>
</html>
​
CSSSaved
 
body {
  font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
  background-color: #fff;
}
​
​
JavaScriptSaved
 
​
var table = $('#example').DataTable( {
    columnDefs: [
        
        { targets: '_all',  width: '10px' }
    ],
  fixedColumns: true,
  
} );
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers