JSFiddle - React, Tailwind, and code Playground

by 1nteger

HTML

<table>
  <th>Header</th>
  <th>Header</th>
  <th>Header</th>
  <th>Header</th>
  <th>Header</th>
  <th>Header</th>
  <th>Header</th>
  <th>Header</th>
  <th>Header</th>
  <th>Header</th>
  <th>Header</th>
  <th>Header</th>
  <tr id="SubHeader">
    <th>sub-Header</th>
    <th>sub-Header</th>
    <th>sub-Header</th>
    <th>sub-Header</th>
    <th>sub-Header</th>
    <th>sub-Header</th>
    <th>sub-Header</th>
    <th>sub-Header</th>
    <th>sub-Header</th>
    <th>sub-Header</th>
    <th>sub-Header</th>
    <th>sub-Header</th>
  </tr>
  <tr class="content">
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
    <td>10</td>
    <td>11</td>
    <td>12</td>
  </tr>
  <tr class="content">
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
    <td>10</td>
    <td>11</td>
    <td>12</td>
  </tr>
  <tr class="content">
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
    <td>10</td>
    <td>11</td>
    <td>12</td>
  </tr>
  <tr class="content">
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
    <td>10</td>
    <td>11</td>
    <td>12</td>
  </tr>
  <tr class="content">
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
    <td>10</td>
    <td>11</td>
    <td>12</td>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
    <td>10</td>
    <td>11</td>
    <td>12</td>
  </tr>
  <tr class="content">
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
    <td>10</td>
   ...

CSS

#myTable {
  width: 100%;
}

#Header {
  /*position:fixed;*/
}

#SubHeader {
  /*position:fixed;*/
}

.content {
  /*overflow-y:scroll*/
}