Head Text 1 | Head Text 2 | Head Text 3 | Head Text 4 | Head Text 5 | Head Text 6 | Head Text 7 | Head Text 8 | Head Text 9 | Head Text 10 | Head Text 11 | Head Text 12 | Head Text 13 | Head Text 14 | Head Text 15 | Head Text 16 | Head Text 17 | Head Text 18 | Head Text 19 | Head Text 20 |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
Cell Text 1 | Cell Text 2 | Cell Text 3 | Cell Text 4 | Cell Text 5 | Cell Text 6 | Cell Text 7 | Cell Text 8 | Cell Text 9 | Cell Text 10 | Cell Text 11 | Cell Text 12 | Cell Text 13 | Cell Text 14 | Cell Text 15 | Cell Text 16 | Cell Text 17 | Cell Text 18 | Cell Text 19 | Cell Text 20 |
<div id="table" class="example-table">
<table class="hx-table">
<thead>
<tr>
<th>Head Text 1</th>
<th>Head Text 2</th>
<th>Head Text 3</th>
<th>Head Text 4</th>
<th>Head Text 5</th>
<th>Head Text 6</th>
<th>Head Text 7</th>
<th>Head Text 8</th>
<th>Head Text 9</th>
<th>Head Text 10</th>
<th>Head Text 11</th>
<th>Head Text 12</th>
<th>Head Text 13</th>
<th>Head Text 14</th>
<th>Head Text 15</th>
<th>Head Text 16</th>
<th>Head Text 17</th>
<th>Head Text 18</th>
<th>Head Text 19</th>
<th>Head Text 20</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
<tr>
<td>Cell Text 1</td>
<td>Cell Text 2</td>
<td>Cell Text 3</td>
<td>Cell Text 4</td>
<td>Cell Text 5</td>
<td>Cell Text 6</td>
<td>Cell Text 7</td>
<td>Cell Text 8</td>
<td>Cell Text 9</td>
<td>Cell Text 10</td>
<td>Cell Text 11</td>
<td>Cell Text 12</td>
<td>Cell Text 13</td>
<td>Cell Text 14</td>
<td>Cell Text 15</td>
<td>Cell Text 16</td>
<td>Cell Text 17</td>
<td>Cell Text 18</td>
<td>Cell Text 19</td>
<td>Cell Text 20</td>
</tr>
</tbody>
</table>
</div>
new hx.StickyTableHeaders('#table')
.example-table {
max-height: 300px;
overflow: hidden;
}
<div id="table"> <!-- Use this container as the selector -->
<table class="hx-table">
<thead>
...
</thead>
<tbody>
...
</tbody>
</table>
</div>
<thead>
element of the table. This will stick all rows that are inside the <thead>
element to the top of the table.