jQuery-fixTableHeader : A jQuery plugin to fix table header and/or footer

Fixed header Fixed footer Header and footer Multiple Header Multiple Footer Without grouping Responsive tables

Github License

Fixed header (This is the default mode, keeps header row fixed)

Example on the right shows a demo of a single row fixed as header.

<table>

<thead>

<tr>

</tr>

</thead>

<tbody>

<tr>

</tr>

</tbody>

<tfoot>

<tr>

</tr>

</tfoot>

</table>

td.fth-header, th.fth-header,

td.fth-footer, th.fth-footer {

border-top: none !important;

border-bottom: 1px solid #ddd;

}

td.fth-header, th.fth-header {

background-color: #3D7083;

color: white;

}

td.fth-footer, th.fth-footer {

background-color: #4F90A8;

color

: white;

}

$('#tableContainer').fixTableHeader();

Fixed footer (Optional, keeps the footer row fixed)

Example on the right shows a demo of a single row fixed as footer.

<table>

<thead>

<tr>

</tr>

</thead>

<tbody>

<tr>

</tr>

</tbody>

<tfoot>

<tr>

</tr>

</tfoot>

</table>

td.fth-header, th.fth-header,

td.fth-footer, th.fth-footer {

border-top: none !important;

border-bottom: 1px solid #ddd;

}

td.fth-header, th.fth-header {

background-color: #3D7083;

color: white;

}

td.fth-footer, th.fth-footer {

background-color: #4F90A8;

color

: white;

}

$('#tableContainer').fixTableHeader({ fixHeader:false,fixFooter:true });

Fixed header and footer (Optional, keeps both the header and footer row fixed)

Example on the right shows a demo of bpth header and footer fixed.

<table>

<thead>

<tr>

</tr>

</thead>

<tbody>

<tr>

</tr>

</tbody>

<tfoot>

<tr>

</tr>

</tfoot>

</table>

td.fth-header, th.fth-header,

td.fth-footer, th.fth-footer {

border-top: none !important;

border-bottom: 1px solid #ddd;

}

td.fth-header, th.fth-header {

background-color: #3D7083;

color: white;

}

td.fth-footer, th.fth-footer {

background-color: #4F90A8;

color

: white;

}

$('#tableContainer').fixTableHeader({ fixHeader:true,fixFooter:true });

Multiple headers (Define more than a row as fixed headers)

Example on the right shows a demo of multiple headers fixed.
Note: All the rows as header should be inside thead tag

<table>

<thead>

<tr>

</tr>

<tr>

</tr>

</thead>

<tbody>

<tr>

</tr>

</tbody>

<tfoot>

<tr>

</tr>

</tfoot>

</table>

td.fth-header, th.fth-header,

td.fth-footer, th.fth-footer {

border-top: none !important;

border-bottom: 1px solid #ddd;

}

td.fth-header, th.fth-header {

background-color: #3D7083;

color: white;

}

td.fth-footer, th.fth-footer {

background-color: #4F90A8;

color

: white;

}

$('#tableContainer').fixTableHeader();

Multiple footers (Define more than a row as fixed footers)

Example on the right shows a demo of multiple footers fixed.
Note: All rows as footer should be inside tfoot tag

<table>

<thead>

<tr>

</tr>

</thead>

<tbody>

<tr>

</tr>

</tbody>

<tfoot>

<tr>

</tr>

<tr>

</tr>

</tfoot>

</table>

td.fth-header, th.fth-header,

td.fth-footer, th.fth-footer {

border-top: none !important;

border-bottom: 1px solid #ddd;

}

td.fth-header, th.fth-header {

background-color: #3D7083;

color: white;

}

td.fth-footer, th.fth-footer {

background-color: #4F90A8;

color

: white;

}

$('#tableContainer').fixTableHeader({ fixHeader:false,fixFooter:true });

Without grouing (Without the `thead`, `tbody`, and `tfoot` tags.)

Example on the right shows a demo of headers and footers fixed.

<table>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

td.fth-header, th.fth-header,

td.fth-footer, th.fth-footer {

border-top: none !important;

border-bottom: 1px solid #ddd;

}

td.fth-header, th.fth-header {

background-color: #3D7083;

color: white;

}

td.fth-footer, th.fth-footer {

background-color: #4F90A8;

color

: white;

}

$('#tableContainer').fixTableHeader({ fixHeader:true,fixFooter:true });

Responive tables (Supports responsive tables with horizontal scroll)

Example on the right shows a demo of headers and footers fixed on responsive table.

<table>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

td.fth-header, th.fth-header,

td.fth-footer, th.fth-footer {

border-top: none !important;

border-bottom: 1px solid #ddd;

}

td.fth-header, th.fth-header {

background-color: #3D7083;

color: white;

}

td.fth-footer, th.fth-footer {

background-color: #4F90A8;

color

: white;

}

$('#tableContainer').fixTableHeader();

Subject	Sem1	Sem2	Total
Total	1243	1143	2386
Physics-1	67	78	145
Physics-2	76	56	132
Physics-3	56	67	123
Physics-4	92	34	126
Physics-5	76	35	111
Physics-6	43	65	108
Physics-7	43	65	108
Physics-8	43	65	108
Physics-9	43	65	108
Maths-1	64	47	111
Maths-2	98	79	177
Maths-3	78	67	145
Maths-4	67	54	121
Maths-5	86	98	184
Maths-6	79	54	133
Maths-7	79	54	133
Maths-8	79	54	133
Maths-9	79	54	133
Chemistry-1	65	62	127
Chemistry-2	67	86	153
Chemistry-3	59	46	105
Chemistry-4	58	85	143
Chemistry-5	74	34	108
Chemistry-6	38	96	134
Chemistry-7	38	96	134
Chemistry-8	38	96	134
Chemistry-9	38	96	134
Computer-1	38	96	134
Computer-2	38	96	134
Computer-3	38	96	134
Computer-4	38	96	134
Computer-5	38	96	134
Computer-6	38	96	134
Computer-7	38	96	134
Computer-8	38	96	134
Computer-9	38	96	134

Subject	Sem1	Sem2	Total
Total	1243	1143	2386
Physics-1	67	78	145
Physics-2	76	56	132
Physics-3	56	67	123
Physics-4	92	34	126
Physics-5	76	35	111
Physics-6	43	65	108
Physics-7	43	65	108
Physics-8	43	65	108
Physics-9	43	65	108
Maths-1	64	47	111
Maths-2	98	79	177
Maths-3	78	67	145
Maths-4	67	54	121
Maths-5	86	98	184
Maths-6	79	54	133
Maths-7	79	54	133
Maths-8	79	54	133
Maths-9	79	54	133
Chemistry-1	65	62	127
Chemistry-2	67	86	153
Chemistry-3	59	46	105
Chemistry-4	58	85	143
Chemistry-5	74	34	108
Chemistry-6	38	96	134
Chemistry-7	38	96	134
Chemistry-8	38	96	134
Chemistry-9	38	96	134
Computer-1	38	96	134
Computer-2	38	96	134
Computer-3	38	96	134
Computer-4	38	96	134
Computer-5	38	96	134
Computer-6	38	96	134
Computer-7	38	96	134
Computer-8	38	96	134
Computer-9	38	96	134

Subject	Sem1	Sem2	Total
Total	1243	1143	2386
Physics-1	67	78	145
Physics-2	76	56	132
Physics-3	56	67	123
Physics-4	92	34	126
Physics-5	76	35	111
Physics-6	43	65	108
Physics-7	43	65	108
Physics-8	43	65	108
Physics-9	43	65	108
Maths-1	64	47	111
Maths-2	98	79	177
Maths-3	78	67	145
Maths-4	67	54	121
Maths-5	86	98	184
Maths-6	79	54	133
Maths-7	79	54	133
Maths-8	79	54	133
Maths-9	79	54	133
Chemistry-1	65	62	127
Chemistry-2	67	86	153
Chemistry-3	59	46	105
Chemistry-4	58	85	143
Chemistry-5	74	34	108
Chemistry-6	38	96	134
Chemistry-7	38	96	134
Chemistry-8	38	96	134
Chemistry-9	38	96	134
Computer-1	38	96	134
Computer-2	38	96	134
Computer-3	38	96	134
Computer-4	38	96	134
Computer-5	38	96	134
Computer-6	38	96	134
Computer-7	38	96	134
Computer-8	38	96	134
Computer-9	38	96	134

Name:	John	Roll	12345
Subject	Sem1	Sem2	Total
Total	1243	1143	2386
Physics-1	67	78	145
Physics-2	76	56	132
Physics-3	56	67	123
Physics-4	92	34	126
Physics-5	76	35	111
Physics-6	43	65	108
Physics-7	43	65	108
Physics-8	43	65	108
Physics-9	43	65	108
Maths-1	64	47	111
Maths-2	98	79	177
Maths-3	78	67	145
Maths-4	67	54	121
Maths-5	86	98	184
Maths-6	79	54	133
Maths-7	79	54	133
Maths-8	79	54	133
Maths-9	79	54	133
Chemistry-1	65	62	127
Chemistry-2	67	86	153
Chemistry-3	59	46	105
Chemistry-4	58	85	143
Chemistry-5	74	34	108
Chemistry-6	38	96	134
Chemistry-7	38	96	134
Chemistry-8	38	96	134
Chemistry-9	38	96	134
Computer-1	38	96	134
Computer-2	38	96	134
Computer-3	38	96	134
Computer-4	38	96	134
Computer-5	38	96	134
Computer-6	38	96	134
Computer-7	38	96	134
Computer-8	38	96	134
Computer-9	38	96	134

Subject	Sem1	Sem2	Total
Total	1243	1143	2386
Cumulative	1243	2386	4772
Physics-1	67	78	145
Physics-2	76	56	132
Physics-3	56	67	123
Physics-4	92	34	126
Physics-5	76	35	111
Physics-6	43	65	108
Physics-7	43	65	108
Physics-8	43	65	108
Physics-9	43	65	108
Maths-1	64	47	111
Maths-2	98	79	177
Maths-3	78	67	145
Maths-4	67	54	121
Maths-5	86	98	184
Maths-6	79	54	133
Maths-7	79	54	133
Maths-8	79	54	133
Maths-9	79	54	133
Chemistry-1	65	62	127
Chemistry-2	67	86	153
Chemistry-3	59	46	105
Chemistry-4	58	85	143
Chemistry-5	74	34	108
Chemistry-6	38	96	134
Chemistry-7	38	96	134
Chemistry-8	38	96	134
Chemistry-9	38	96	134
Computer-1	38	96	134
Computer-2	38	96	134
Computer-3	38	96	134
Computer-4	38	96	134
Computer-5	38	96	134
Computer-6	38	96	134
Computer-7	38	96	134
Computer-8	38	96	134
Computer-9	38	96	134

Subject	Sem1	Sem2	Total
Physics-1	67	78	145
Physics-2	76	56	132
Physics-3	56	67	123
Physics-4	92	34	126
Physics-5	76	35	111
Physics-6	43	65	108
Physics-7	43	65	108
Physics-8	43	65	108
Physics-9	43	65	108
Maths-1	64	47	111
Maths-2	98	79	177
Maths-3	78	67	145
Maths-4	67	54	121
Maths-5	86	98	184
Maths-6	79	54	133
Maths-7	79	54	133
Maths-8	79	54	133
Maths-9	79	54	133
Chemistry-1	65	62	127
Chemistry-2	67	86	153
Chemistry-3	59	46	105
Chemistry-4	58	85	143
Chemistry-5	74	34	108
Chemistry-6	38	96	134
Chemistry-7	38	96	134
Chemistry-8	38	96	134
Chemistry-9	38	96	134
Computer-1	38	96	134
Computer-2	38	96	134
Computer-3	38	96	134
Computer-4	38	96	134
Computer-5	38	96	134
Computer-6	38	96	134
Computer-7	38	96	134
Computer-8	38	96	134
Computer-9	38	96	134
Total	1243	1143	2386
Cumulative	1243	2386	4772

Subject	Sem1	Sem2	Sem3	Sem4	Sem5	Sem6	Sem7	Total
Physics-1	67	78	78	78	78	78	78	145
Physics-2	76	78	78	78	78	78	56	132
Physics-3	56	67	67	67	67	67	67	123
Physics-4	92	34	34	34	34	34	34	126
Physics-5	76	35	35	35	35	35	35	111
Physics-6	43	65	65	65	65	65	65	108
Physics-7	43	43	43	43	43	43	65	108
Physics-8	43	43	43	43	43	43	65	108
Physics-9	43	43	43	43	43	43	65	108
Maths-1	64	43	43	43	43	43	47	111
Maths-2	98	43	43	43	43	43	79	177
Maths-3	78	43	43	43	43	43	67	145
Maths-4	67	43	43	43	43	43	54	121
Maths-5	43	43	43	43	43	86	98	184
Maths-6	79	43	43	43	43	43	54	133
Maths-7	79	43	43	43	43	43	54	133
Maths-8	79	43	43	43	43	43	54	133
Maths-9	79	54	54	54	54	54	54	133
Chemistry-1	65	62	62	62	62	62	62	127
Chemistry-2	67	67	67	67	67	67	86	153
Chemistry-3	59	46	46	46	46	46	46	105
Chemistry-4	46	46	46	46	46	58	85	143
Chemistry-5	46	46	46	46	46	74	34	108
Chemistry-6	38	46	46	46	46	46	96	134
Chemistry-7	46	46	46	46	38	96	134
Chemistry-8	46	46	46	46	46	38	96	134
Chemistry-9	38	96	96	96	96	96	96	134
Computer-1	38	96	96	96	96	96	96	134
Computer-2	38	96	96	96	96	96	96	134
Computer-3	96	96	96	96	96	38	96	134
Computer-4	38	96	96	96	96	96	96	134
Computer-5	38	96	96	96	96	96	96	134
Computer-6	38	96	96	96	96	96	96	134
Computer-7	38	96	96	96	96	96	96	134
Computer-8	38	96	96	96	96	96	96	134
Computer-9	38	38	38	38	38	38	96	134
Total	1243	1143	1143	1143	1143	1143	1143	2386

jQuery-fixTableHeader

Jones Vinoth Joseph

Fixed header (This is the default mode, keeps header row fixed)

Fixed footer (Optional, keeps the footer row fixed)

Fixed header and footer (Optional, keeps both the header and footer row fixed)

Multiple headers (Define more than a row as fixed headers)

Multiple footers (Define more than a row as fixed footers)

Without grouing (Without the thead, tbody, and tfoot tags.)

Responive tables (Supports responsive tables with horizontal scroll)

Without grouing (Without the `thead`, `tbody`, and `tfoot` tags.)