Full page table inside the grid

Tutorials of (Full page table inside the grid) by Twikito

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Full page table inside the grid</title>
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

  
      <style>
      /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
      table { width:100% }
tr:nth-child(even) { background:#f0f0f0; }
tr:before,tr:after { content:""; display:table-cell; }
th,td { width:300px; padding:0 10px; /* 960 */ line-height:3em; text-align:center; }
td:first-child { background:rgba(200,200,200,.15); text-align:left; }
    </style>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>

</head>

<body>
  <table>
  <tr>
    <th></th>
    <th>Title</th>
    <th>Title</th>
  </tr>
  <tr>
    <td>Item</td>
    <td>ok</td>
    <td>ok</td>
  </tr>
  <tr>
    <td>Item</td>
    <td>ok</td>
    <td>ok</td>
  </tr>
  <tr>
    <td>Item</td>
    <td>ok</td>
    <td>ok</td>
  </tr>
  <tr>
    <td>Item</td>
    <td>ok</td>
    <td>ok</td>
  </tr>
  <tr>
    <td>Item</td>
    <td>ok</td>
    <td>ok</td>
  </tr>
</table>
  
  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
table { width:100% }
tr:nth-child(even) { background:#f0f0f0; }
tr:before,tr:after { content:""; display:table-cell; }
th,td { width:300px; padding:0 10px; /* 960 */ line-height:3em; text-align:center; }
td:first-child { background:rgba(200,200,200,.15); text-align:left; }
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( Full page table inside the grid ) is write by Twikito, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Twikito