File
Add library
Share
Login or Register
Help
HTMLSaved
 
<!DOCTYPE html>
<html>
  <head>
<link href="https://cdn.datatables.net/select/1.3.4/css/select.bootstrap4.css" rel="stylesheet" type="text/css" />
<style>
  table {
    border: 1px solid #000000;
    padding: 20px;
    width: 100%;
  }
  table thead tr {
    background: #cccccc;
  }
</style>
    <title>DataTables - JS Bin</title>
    <meta charset=utf-8 />
  </head>
  <body>
    <table class="dataTable">
      <thead>
        <tr>
          <th class="select-checkbox">&nbsp;</th>
          <th tabindex="0">Outer table head</th>
        </tr>
      <thead>
      <tbody>
        <tr>
          <td class="select-checkbox px-3 sorting_disabled">&nbsp;</td>
          <td>
            <table class="dataTable">
              <thead>
                <tr>
                  <th class="select-checkbox" style="background:red;">&nbsp;</th>
                  <th tabindex="0">Inner table head</th>
                </tr>
              <thead>
              <tbody>
                <tr>
                  <td class="select-checkbox px-3 sorting_disabled">&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
  </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
 
​
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers