JSFiddle - React, Tailwind, and code Playground

by Chris

HTML

<meta http-equiv="Content-Security-Policy" content="trusted-types myEscapePolicy;">
<table class="nice-table">
  <tbody>
    <tr>
      <td><strong data-outlined="false" class="">Action</strong></td>
      <td><strong data-outlined="false" class="">Shortcut</strong></td>
    </tr>
    <tr>
      <td data-outlined="true" class="">Open a new window</td>
      <td><strong data-outlined="false" class="">Ctrl + n</strong></td>
    </tr>
    <tr>
      <td data-outlined="true" class="">Open a new window in Incognito mode</td>
      <td><strong data-outlined="false" class="">Ctrl + Shift + n</strong></td>
    </tr>
    <tr>
      <td data-outlined="true" class="">Open a new tab, and jump to it</td>
      <td><strong data-outlined="false" class="">Ctrl + t</strong></td>
    </tr>
    <tr>
      <td data-outlined="true" class="">Reopen previously closed tabs in the order they were closed</td>
      <td><strong data-outlined="false" class="">Ctrl + Shift + t</strong></td>
    </tr>
    <tr>
      <td>Jump to the next open tab</td>
      <td><strong>Ctrl + Tab</strong> or <strong>Ctrl + PgDn</strong></td>
    </tr>
    <tr>
      <td>Jump to the previous open tab</td>
      <td><strong>Ctrl + Shift + Tab</strong> or <strong>Ctrl + PgUp</strong></td>
    </tr>
    <tr>
      <td>Jump to a specific tab</td>
      <td><strong>Ctrl + 1</strong> through <strong>Ctrl + 8</strong></td>
    </tr>
    <tr>
      <td>Jump to the rightmost tab</td>
      <td><strong>Ctrl + 9</strong></td>
    </tr>
    <tr>
      <td>Open your home page in the current tab</td>
      <td><strong>Alt + Home</strong></td>
    </tr>
    <tr>
      <td>Open the previous page from your browsing history in the current tab</td>
      <td><strong>Alt + Left arrow</strong></td>
    </tr>
    <tr>
      <td>Open the next page from your browsing history in the current tab</td>
      <td><strong>Alt + Right arrow</strong></td>
    </tr>
    <tr>
      <td>Close the current tab</td>
      <td><strong>Ctrl +...

CSS

table {
  background: black;
  }
tr:nth-child(even){ 
  background: #556
}
tr:nth-child(odd){ 
  background: #77A
}
td {
  padding: 0.1em;
  /* border-radius: 5px; */
  font-size: 19px
}