File
Add library
Share
Login or Register
Help
HTMLSaved
 
<!DOCTYPE html>
<html>
  <head>
<link href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.dataTables.css" rel="stylesheet" type="text/css" />
​
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
​
    <link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
    <script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script>
    <script src="https://cdn.datatables.net/plug-ins/1.11.3/sorting/absolute.js"></script>
    <script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.js"></script>
​
    <meta charset=utf-8 />
    <title>DataTables - JS Bin</title>
  </head>
  <body>
    <div class="mainTable_wrapper" width="100%">
      <table id="mainTable" class="steel-table" style="width:100%;" width="100%">
  <thead>
    <tr>
      <th class="th-title">Steel Name</th>
      <th class="th-class">Class</th>
      <th class="th-url">URL</th>
      <th class="th-description">Description</th>
      <th class="th-typical_chemistry">Typical Chemistry</th>
      <th class="th-tempering_curve_graph_image_link">tempering_curve_graph_image_link</th>
      <th class="th-type">type</th>
      <th class="th-thickness">Thickness</th>
      <th class="th-width">Width</th>
      <th class="th-length">Length</th>
      <th class="th-price1each">Price 1 each</th>
      <th class="th-price2to5each">Price 2-5 each</th>
      <th class="th-price6pluseach">Price 6+ each</th>
      <th class="th-prices_average">Prices Average</th>
      <th class="th-perpound">Per Pound</th>
      <th class="th-perpound_average">Per Pound Average</th>
    </tr>
  </thead>
  <tbody>
    <tr id="trD2StandardFlatGround0062505025183751324" class="D2StandardFlatGround">
      <td class="title">D-2 0.0625" 0.5025" 18.375"</td>
      <td class="class">D2StandardFlatGround</td>
      <td class="url">aisi-d-2/#flat_ground</td>
      <td class="description">AISI D-2A high-carbon, high-chromium tool steel recommended for tools requiring very high wear resistance combined with moderate toughness.HARDENING:Preheating Temperature: 1110-1290 ° F (650-750 ° C)Austenitizing Temperature: 1810-1920 ° F (990-1050 ° C)Protect the part against decarburization and oxidation during hardening. Choose the tempering temperature from the tempering graph. Temper twice with intermediate cooling to room temperature. Lowest temperature 360 ° F (180 ° C). Holding time at temperature minimum 2 hours. High temperature tempers are preferred when dimensional stability is of concern, if tools are to be coated, and/or EDM’d in hardened condition.Available in 18” and 36” lengths.</td>
      <td class="typical_chemistry">C 1.50 Mn 0.40 Si 0.30 Cr 12.00 Mo 0.80 V 0.90</td>
      <td class="tempering_curve_graph_image_link"></td>
      <td class="type">Standard Flat Ground</td>
      <td class="thickness">0.0625</td>
      <td class="width">0.5025</td>
      <td class="length">18.375</td>
      <td class="price1each">13.24</td>
      <td class="price2to5each">12.84</td>
      <td class="price6pluseach">12.52</td>
      <td class="prices_average">12.866666666666665</td>
      <td class="perpound">80.7841600658202</td>
      <td class="perpound_average">27.845188169776307</td>
    </tr>
  
    <tr id="trD2StandardFlatGround0062505025363752494" class="D2StandardFlatGround">
      <td class="title">D-2 0.0625" 0.5025" 36.375"</td>
      <td class="class">D2StandardFlatGround</td>
      <td class="url">aisi-d-2/#flat_ground</td>
      <td class="description">AISI D-2A high-carbon, high-chromium tool steel recommended for tools requiring very high wear resistance combined with moderate toughness.HARDENING:Preheating Temperature: 1110-1290 ° F (650-750 ° C)Austenitizing Temperature: 1810-1920 ° F (990-1050 ° C)Protect the part against decarburization and oxidation during hardening. Choose the tempering temperature from the tempering graph. Temper twice with intermediate cooling to room temperature. Lowest temperature 360 ° F (180 ° C). Holding time at temperature minimum 2 hours. High temperature tempers are preferred when dimensional stability is of concern, if tools are to be coated, and/or EDM’d in hardened condition.Available in 18” and 36” lengths.</td>
      <td class="typical_chemistry">C 1.50 Mn 0.40 Si 0.30 Cr 12.00 Mo 0.80 V 0.90</td>
      <td class="tempering_curve_graph_image_link"></td>
      <td class="type">Standard Flat Ground</td>
      <td class="thickness">0.0625</td>
      <td class="width">0.5025</td>
      <td class="length">36.375</td>
      <td class="price1each">24.94</td>
      <td class="price2to5each">24.26</td>
      <td class="price6pluseach">23.59</td>
      <td class="prices_average">24.263333333333335</td>
      <td class="perpound">76.87037923975787</td>
      <td class="perpound_average">27.845188169776307</td>
    </tr>
  
    <tr id="trD2StandardFlatGround0062507525363753353" class="D2StandardFlatGround">
      <td class="title">D-2 0.0625" 0.7525" 36.375"</td>
      <td class="class">D2StandardFlatGround</td>
      <td class="url">aisi-d-2/#flat_ground</td>
      <td class="description">AISI D-2A high-carbon, high-chromium tool steel recommended for tools requiring very high wear resistance combined with moderate toughness.HARDENING:Preheating Temperature: 1110-1290 ° F (650-750 ° C)Austenitizing Temperature: 1810-1920 ° F (990-1050 ° C)Protect the part against decarburization and oxidation during hardening. Choose the tempering temperature from the tempering graph. Temper twice with intermediate cooling to room temperature. Lowest temperature 360 ° F (180 ° C). Holding time at temperature minimum 2 hours. High temperature tempers are preferred when dimensional stability is of concern, if tools are to be coated, and/or EDM’d in hardened condition.Available in 18” and 36” lengths.</td>
      <td class="typical_chemistry">C 1.50 Mn 0.40 Si 0.30 Cr 12.00 Mo 0.80 V 0.90</td>
      <td class="tempering_curve_graph_image_link"></td>
      <td class="type">Standard Flat Ground</td>
      <td class="thickness">0.0625</td>
      <td class="width">0.7525</td>
      <td class="length">36.375</td>
      <td class="price1each">33.53</td>
      <td class="price2to5each">32.61</td>
      <td class="price6pluseach">31.74</td>
      <td class="prices_average">32.626666666666665</td>
      <td class="perpound">69.01217100412755</td>
      <td class="perpound_average">27.845188169776307</td>
    </tr>
  
    <tr id="trD2StandardFlatGround0062510025363753843" class="D2StandardFlatGround">
      <td class="title">D-2 0.0625" 1.0025" 36.375"</td>
      <td class="class">D2StandardFlatGround</td>
      <td class="url">aisi-d-2/#flat_ground</td>
      <td class="description">AISI D-2A high-carbon, high-chromium tool steel recommended for tools requiring very high wear resistance combined with moderate toughness.HARDENING:Preheating Temperature: 1110-1290 ° F (650-750 ° C)Austenitizing Temperature: 1810-1920 ° F (990-1050 ° C)Protect the part against decarburization and oxidation during hardening. Choose the tempering temperature from the tempering graph. Temper twice with intermediate cooling to room temperature. Lowest temperature 360 ° F (180 ° C). Holding time at temperature minimum 2 hours. High temperature tempers are preferred when dimensional stability is of concern, if tools are to be coated, and/or EDM’d in hardened condition.Available in 18” and 36” lengths.</td>
      <td class="typical_chemistry">C 1.50 Mn 0.40 Si 0.30 Cr 12.00 Mo 0.80 V 0.90</td>
      <td class="tempering_curve_graph_image_link"></td>
      <td class="type">Standard Flat Ground</td>
      <td class="thickness">0.0625</td>
      <td class="width">1.0025</td>
      <td class="length">36.375</td>
      <td class="price1each">38.43</td>
      <td class="price2to5each">37.34</td>
      <td class="price6pluseach">36.37</td>
      <td class="prices_average">37.38</td>
      <td class="perpound">59.372405344993844</td>
      <td class="perpound_average">27.845188169776307</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
 
$(document).ready( function () {
  /* credit to this amazing person for filters below: http://jsfiddle.net/gc4ow8yr/ 
     * these work by turning the GLOBAL $.fn.dataTable.ext.search into something LOCAL so..
     * in making this scope change it allows me to filter multiple tables (show/hide) rows AND still allow table exporting for JUST VISIBLE items
     * TLDR; .show()/.hide() work partially, when you export using DataTables buttons, the .hide() items will stillbe in the exported data.
    */
    $.fn.dataTable.Api.register('filter.push', function(fn, draw) {
      if (!this.__customFilters) {
        var filters = this.__customFilters = []; 
        this.on('mousedown preDraw.dt', function() {
          $.fn.dataTable.ext.search = filters;
        });
      }
      this.__customFilters.push(fn);
      $.fn.dataTable.ext.search = this.__customFilters; 
      this.draw();
    });
    $.fn.dataTable.Api.register('filter.pop', function() {
      if (!this.__customFilters) return;
      this.__customFilters.pop();
    });
    /* end cred */
​
    var nameType = $.fn.dataTable.absoluteOrder( '<div class="form-check form-check-inline"><input class="allcheckbox form-check-input" type="checkbox" id="ctallCheckbox" value="nav-item"><label class="form-check-label" for="allCheckbox">All</label></div>' );
    var maintable = $('#mainTable').DataTable( {
      responsive: true,
      dom: 'Bfrtip',
      "scrollY": "600px",
      //"scrollX":true,
      "scrollCollapse": true,
      "paging": false,
      "bPaginate": false
    });
} );
​
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers