Full page table inside the grid

What is a full page table inside the grid How do you make a full page table inside the grid? This script and codes were developed by Twikito on 15 November 2021, Monday.

How do I make an full page table inside the grid?
  1. Full page table inside the grid Previews
  2. Full page table inside the grid HTML Codes
  3. Full page table inside the grid CSS Codes
Full page table inside the grid Previews

Full page table inside the grid HTML Codes

<!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>

Full page table inside the grid CSS Codes

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; }
Do you want hide your ip address?Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup.