DataTables FixedHeader

This is a Premium Extension for TablePress, please consider a donation. Thank you.

Thanks for your interest in the DataTables FixedHeader Extension!

This is a Premium Extension for TablePress. You may download and use it totally for free and without any restrictions.
At the same time, donations are highly appreciated and allow me to continue support and development of this free software.

Currency: EURChoose Euro USDChoose US Dollar

Please choose what the Extension is worth to you:
If you want, you can then donate via PayPal. Thank you!

free download 5 USD 9 USD 12 USDrecommended USD

Download now and go to PayPal

To donate later or to use other options like my Amazon wishlist or Bitcoins, please see the Donate page.

Based on the DataTables FixedHeader add-on for the DataTables JavaScript library, this Extension will fix the header row of a table to the top of the screen, when the user scrolls through a long table on a page. With this, the column titles will always be visible, so that the user always knows what information the columns in a table contain.

Here’s an example where the table’s header row will stick to the top of the screen, when scrolling down:

First NameLast NameZIPBirthdayPointsAverageAmount
Last NameFirst NameZIP codeBirthdayPointsAverageAmount
GloriaReeves6743910/18/198540.1$50
GrahamBonner9072712/07/198340.9$90
WarrenWheeler9913411/11/198420.7$50
ZenaHale1980306/17/198790.3$90
JuliaHaupt2411603/15/1991101.0$40
RachelEnglish5895102/25/198270.3$20
LionelBarry6503602/17/198070.5$50
ZenaSpears1687412/13/198150.6$20
DillonBradford9154301/20/198570.4$100
HaleyMcleod9932104/12/198040.1$20
AbraHouse9953708/10/198060.1$60
ArielNichols5655504/10/198460.7$90
RoaryAyers1272006/19/198730.5$40
MasonStevens8106208/11/198630.6$10
GillianSimon6913705/12/1988100.7$40
RebekahFisher3257205/21/198130.7$70
CameronWalls1878811/20/198120.2$100
PhelanPalmer9541308/10/198860.2$30
MonaFischer4891201/25/198390.6$40
RashadWebb2799312/08/198340.1$50
BrandonKinney0098609/15/198620.2$30
SachaGould1772207/31/198580.7$30
BrendaOsborn5213902/28/198140.5$60
SophiaFlynn7968808/07/198930.2$80
BreeOrr7016011/17/198890.7$80
YenBernard9921609/29/198210.3$90
LacotaLe6496409/11/1985100.7$80
NaydaHorton4230806/11/1982100.1$20
LeeNavarro4891804/15/198050.4$80
MargaretAustin2618105/29/198170.3$90
BrynneRandolph6852308/31/198280.9$40
OlegFry3224910/14/198290.4$60
MarkCooley5492312/14/198330.2$10
BrendanSharp4751103/09/198610.5$40
HollyCarrillo7168910/25/198110.3$10
KelseyMoses2766106/01/198850.8$100
GeraldineTyson9804902/04/198530.6$70
JasperSheppard9232911/06/198930.5$80
NobleConley1486903/08/198780.5$20
NatalieLuna6663711/04/198880.7$70
McKenziePowell8625910/21/198190.4$10
TylerDennis1367604/07/198460.2$60
VladimirJefferson7856902/28/198170.3$20
BrettPena1421808/28/198810.8$100
DemetriusKey6798501/19/198220.4$40
GwendolynGarner9732410/18/198510.8$60
MarvinMiddleton1014104/26/198920.7$60
NadineWalters2748402/17/198760.7$30
ClaireSweeney5421806/08/198350.4$20
EdwardDoyle4116705/20/198270.4$60
RamaMadden1183103/15/198240.8$70
SadeMaldonado3381408/17/1987100.9$60
MeghanLittle0858309/10/198190.2$60
KareemBurris0597212/16/198210.2$100
HarrietStanley1226112/22/198530.6$90
EzraBritt0484406/27/1987100.8$20
AdriaGrant4427010/14/198840.5$70
WyattWhitfield6416501/12/198070.2$60
EvanHerman3272504/16/198840.1$50
EmmanuelBaxter6189404/03/198030.6$10
FleurReilly2885309/23/198950.7$20
FletcherPadilla5928907/23/198850.2$90
JamalHerman2996605/24/198260.6$100
AmosTrujillo4879705/14/198310.4$10
CarolynGoodman6016611/12/198460.6$100
PhillipPitts9051412/31/198020.3$40
HyattBarnes9337502/20/198540.7$60
MatthewDudley5000703/10/198110.7$100
StaceyWoodward0797601/13/198260.3$10
XavierRowland2340005/28/198260.5$70
UllaCotton2331412/30/198960.1$10
GloriaButler1190007/05/198720.8$90
DemetriusBishop0964811/15/198580.1$90
PhelanHerring5657206/08/198770.9$30
JasonDickerson9126010/08/198180.5$100
KeithVincent3198609/29/1983100.3$60
EvelynJensen7782601/20/198830.9$30
DestinyValdez9992308/12/198380.2$50
LucyHoward3246007/12/198150.3$40
NicoleParrish9725401/31/198770.6$70
HashimPatel4421206/22/198320.6$50
HunterBlair1945209/05/198590.3$30
HilelNguyen0484709/01/198910.2$70
AmberJefferson5449810/08/198150.4$10
YuriGonzales4934108/30/198090.7$20
DemetriusBonner4593508/15/198240.9$60
ByronTyler7970308/09/198230.5$30
JasperDorsey6378307/25/198250.9$70
SoniaRiley1876308/28/198150.5$60
SamsonReynolds9507704/15/198030.8$20
OriFerguson5663908/27/198160.4$40
ReginaMarshall0467202/11/198530.7$40
HanaeFischer4792403/19/1984100.7$10
VictorPugh5049109/11/198990.9$60
AlexaCooper8327312/19/198490.4$40
RinaBates8499507/11/198890.9$60
ElijahWatson9737806/11/198520.3$30
RebeccaPage3515201/03/198920.9$100
PaulJefferson4362712/24/1982100.8$20
JermaineHerman3731201/05/198090.8$40
DemetriaClayton0195103/02/198830.2$70
ShelbyBarry8191308/19/198210.2$20
WarrenCampos0008410/28/1989100.7$90
AvramWells5725401/23/198130.2$70
AthenaNoel4065810/25/198730.6$80
LeighGallagher7767402/27/198810.1$60
HakeemTrujillo6142310/26/198120.8$20
GraidenLott4128708/13/1982100.8$60
CameronHines6200805/06/198950.8$40
DemetriusCruz7089512/29/198860.3$80
KatoBishop6078706/01/198550.8$90
EzraBartlett6592411/16/198360.4$80
NatalieLeon3636602/03/198610.6$90
LarissaMaldonado9536401/14/198280.9$40
DianaVillarreal5511602/13/198810.8$30
LeviWooten6618304/06/198180.3$30
TyroneMcdowell8094903/09/198960.8$70
StaceyWalsh2141107/15/198540.7$100
WallaceWashington9768306/26/198290.2$20
BrandonWhitney8248608/22/198840.5$80
KnoxCase6747101/22/198440.6$30
ChardePaul5210702/21/198680.1$100
AbelCastillo3114702/11/198470.6$90
PhoebeMunoz2752206/29/198590.7$90
MaggiePetty5983711/29/198920.9$80
ImogeneSchwartz1457402/28/198120.1$10
NathanielMcdowell4828210/26/198940.3$100
FleurHendricks8275909/15/198220.2$10
YvetteBrock6589508/15/198980.1$50
DexterMercer8148901/25/198720.2$60
BrockDavenport4766011/13/198560.9$10
OdessaDowns1602505/17/198350.5$40
ReeceSingleton0577503/13/1983100.3$80
KadenOchoa1189307/19/198490.1$40
UtaSolomon6341512/29/198670.4$60
AlikaSuarez3432807/20/1981100.1$90
HasadWhitehead2162612/07/1986100.9$100
CharissaBartlett9913211/10/198440.7$30
GemmaTownsend7859112/15/198950.9$50
BernardMayer3886010/06/198070.2$90
CarlBarton4795101/16/198230.9$20
InaRowland0242505/13/1986100.2$30
NinaReeves3337306/27/198050.6$40
JermaineCross1608504/23/198340.1$60
QuailHooper3917508/23/198430.2$30
ElmoWeiss0268812/07/1985100.5$50
JeanetteRivers3445108/29/198660.8$100
EthanGonzalez9113409/13/198050.4$100
ChaseAlbert8301310/03/198810.5$90
BeauMendoza3085601/11/198480.6$40
CastorBradford9970709/21/198720.1$80
BarbaraBlack2563312/16/198160.9$60
WynterWood5796104/02/198320.3$10
DaleMay7667904/02/198620.2$80
OlegHughes4317908/24/198690.1$60
FletcherBowen8655610/25/1983100.9$70
MeganBeck0453706/16/198340.4$10
NadineHodges0747312/24/198050.8$60
NaydaManning7754808/12/198170.7$10
DanielAtkinson8825602/04/198410.7$80
FallonHopkins4676807/18/198970.2$100
AudreyCastaneda1214410/09/198760.3$80
SybillHopkins4054411/03/198380.4$40
KaitlinLindsey5654708/13/1980100.3$80
BrianJones1896609/28/198360.4$50
DuncanAvila1483106/18/198810.6$90
AubreyVinson0803812/08/198420.1$30
FionaFranks1762411/20/198480.4$80
KeaneFox5439404/17/198550.5$100
RinahKnapp2637908/16/1984100.6$10
JolieTrujillo4822311/14/198650.3$40
SeptemberFinley0575602/19/198230.4$100
VanceBradshaw0018608/09/198830.9$30
AlexanderMarks8487910/02/1981100.5$90
JaelSutton9059202/18/198940.4$100
XerxesWare0904605/11/1983100.2$10
AmerySummers6375612/19/198180.8$10
BevisKennedy0331509/07/1988100.8$90
BrockMelendez1512812/17/198630.3$10
AsherAlvarado0401305/26/198730.4$20
MarciaMckenzie5206308/22/198510.4$70
ConnorWilkerson7773405/19/198930.4$60
IgnatiusKirkland0422806/07/198610.7$20
KevinPeck4218310/16/198730.6$50
MadonnaHolcomb9214712/23/198470.9$30
MollyCline4111911/08/198520.8$60
AnnHodges7073501/28/198130.8$10
VeronicaWard7918509/24/198790.2$20
CedricFischer9508507/02/198590.9$20
AvaBerg4266406/04/198960.1$70
OliviaFlores5836309/10/198980.8$20
MacKenzieWong4481309/10/198440.7$40
DaphneHebert9525505/17/198370.1$20
JonahFreeman8001409/14/1982100.2$40
AzaliaBender1585709/21/198480.5$40
GiacomoKirkland6066307/31/198280.4$90
VivienConley2156405/01/198620.5$40
CherokeeYoung6415212/20/198450.4$40
OdetteCurry5847906/18/198410.7$30
AbigailDickson1928204/02/198790.1$20

To use this in your tables, download, install, and activate this Extension like a regular WordPress plugin. Then, change your table’s Shortcode from something like

[table id=123 /]

to

[table id=123 datatables_fixedheader=top /]

The value top indicates, that the table head row shall be fixed. Other possible values are bottom for the foot row (at the bottom of the screen) and both for both the head and the foot rows.

As many sites and themes use a fixed navigation bar at the top of the screen, fixing the table head row directly to the top of the screen might not be desired, as they would overlap. For this, it is possible to add an offset to the fixed head row, so that it is fixed below the site’s fixed navigation bar. For that, another parameter can be added to the Shortcode, like

[table id=123 datatables_fixedheader=top datatables_fixedheader_offsettop=60 /]

The value of the datatables_fixedheader_offsettop is the number of pixels that the fixed table head row shall be shifted down. This number has to be set to the height of the site’s fixed navigation bar in pixels.

Top