Skip to Main Content

Sticky Table Header

New

Employees

AdeleHuberalice39@yahoo.de+4928134787681980-06-17female845.88
AhmedSchwarzhugo58@wenzel.com+49644880868321939-02-06male279.68
AlwineReichelhelga.zimmer@renner.de+49542364957332020-06-20female375.68
AnkeDeckerwdittrich@henke.net+49733094817431994-02-12female648.93
Anna-MariaDeckerchristin.bertram@klaus.org+4975193208112000-06-20female546.57
Anna-MariaSchmidemma52@gmail.com+4942147236492017-09-02female436.73
AnnegretHartwigdimitri23@bohm.com+49620235210241965-09-21female576.38
AnnelieseFleischerreichert.marlene@geiger.com+49349642975571996-08-28female916.43
AntoniaAlbrechtklausdieter33@posteo.de+49604167510892025-06-25female199.41
BabetteAckermannkrebs.steffen@diehl.net+49783622486952018-01-06female908.67
BastianZellerxseeger@freenet.de+49356539022171990-02-22male18.35
BeateBernhardtwbuck@yahoo.de+49274977496612024-02-23female670.49
BirgittEngelhardtedelgard.lang@krieger.org+4996113697891950-04-27female960.55
BrunhildeFritzhenri12@hartung.com+4956168411622010-08-07female936.79
CathrinSpringerewa82@posteo.de+4955192561882023-01-15female792.24
Claus-PeterStockedward.kessler@hartwig.com+4953107811831998-05-22male955.98
DanaKörnerdaniel54@feldmann.org+4983162303952024-04-07female482.08
DetlevErnststark.valerie@zimmer.com+4938518945711953-10-07male473.86
DorotheaBaumgartnerrerdmann@freenet.de+4945195982561951-10-08female84.11
EberhardFunkscholz.giesela@freenet.de+4997150005072007-04-09male324.04
EckehardLemkeluise.witte@gotz.de+49952925430452005-04-27male168.33
EckhardKraußfritsch.tino@moll.de+4995150798212010-12-04male557.41
EdwinReimannmeike.popp@freenet.de+49910779281452024-07-13male960.51
EgbertSchüttelherzog@voigt.de+4971115819321941-07-14male976.42
EllyDiehlmatthias.seidl@sander.com+4942113924221939-06-15female461.78
ElsaSchreinerberthold63@beck.org+4974120015321952-09-19female895.92
ElsbethWolfjose.wolff@googlemail.com+4977192987581970-12-17female714.6
EmanuelHeldfred03@hotmail.de+4937510793722024-02-23male233.74
ErikaSchotttrenner@jakob.de+49765167629711937-09-27female274.83
ErnestineRaablilli59@schuster.de+4994124280551951-09-02female705.66
ErnstBeckmannsackermann@live.de+4978183783811983-07-04male642.36
ErwinKrämerrmetzger@wagner.com+49933918121031950-09-05male873.69
EugenieKlaushanspeter89@neubauer.de+49856455771681975-01-31female588.08
EugenieRiegerhelmar51@mail.de+49545610092981954-10-22female288.4
Eva-MariaMertenshelen47@aol.de+49248677064242005-07-02female228.97
FalkMenzelqreimann@gmx.de+49984188356701990-11-12male885.77
FrancoWenzelbach.trude@jung.de+49763503838491942-10-16male152.46
FranziskaBergkatrin62@yahoo.de+49949875431591948-08-09female107.3
GertrudeRoseguenter32@gmail.com+4921178061821983-05-12female734.8
GottfriedSchalleringolf.bittner@gmail.com+493679044684401972-07-05male490.83
GottliebNagelmohamed.langer@web.de+4978197251282022-04-29male766.34
GretelAhrensmarija.doring@maurer.de+4938563875092009-01-29female400.83
HanneLangagunther@klose.net+4920157232442013-07-27female482.74
Hans-JürgenSchumachermichel.johanne@hotmail.de+49742444880242015-06-30male935.42
HarroSchulzeroberto.koster@live.de+4957160577111972-10-14male44.66
HarryHerzogsimona20@fischer.de+49665126646541969-09-03male140.03
HartwigNoackpschroder@neubert.com+49669184708891994-05-09male862.25
HeideroseLehmannherrmann.rolfdieter@mail.de+49823118217132022-02-06female268.73
HeinoPietschnikolai93@heck.de+4981177514641952-05-18male52.86
Heinz-JosefScholzroswitha16@t-online.de+493081066622007-03-22male45.25
HellmutBauerkathe12@googlemail.com+494048374132001-07-22male810.33
Hermann-JosefFunkkarolina.bottcher@rauch.com+4972132342211936-12-26male711.22
HermineBartschneumann.anne@web.de+493744663966451964-12-29female302.68
HubertWahltjost@kruger.de+4924107828861968-07-15male831.52
IlkaLöfflerfranzjosef.brinkmann@hotmail.de+4947188153642001-11-01female756.58
IngeborgThielstumpf.karlludwig@googlemail.com+49222112960562007-04-01female438.62
IsabelleMollbritta98@schaller.com+4977128131731999-09-08female194.07
IvonneMaywiese.paul@live.de+49412422549891974-10-05female609.45
JasminKrebsieichhorn@rieger.com+4959184092331976-01-26female84.75
JeannetteKellnernils41@brandt.de+4966180427652025-04-08female354.98
JoannaSingerchrist.gabriele@ulrich.org+49222386436591964-09-12female660.8
JohanneHoppehohmann.julian@thiel.org+4934535788132004-12-26female832.71
JonasHankejohann39@brenner.com+49675940920761986-05-31male70.22
JürgenBinderbgeissler@stark.com+49718238977411983-01-30male726.51
KarenMartensrenner.traudel@web.de+4934575546221948-08-20female686.62
Klaus-PeterGrimmbwulf@mail.de+49338418154321954-11-12male732.03
Klaus-PeterKöstervmohr@kuhne.com+4951183855021942-09-17male62.54
KonstantinosLangerjbohm@reuter.de+49248832408631953-11-13male134.98
LiloHeinoheller@gmail.com+4977116574581994-07-10female224.48
LoniLehmannjohn.babette@krug.de+4923155534981943-07-17female431.43
LucieAlbrechtupreuss@blank.de+4972166179432014-03-04female900.01
LudmillaPetershschwarz@moritz.net+4991145689711988-05-24female673.2
LuzieSturmmunch.luzia@renner.com+49484078558262001-05-11female292.41
MagdaRichterjanine95@metz.com+49360792322131982-10-02female718.66
MalteGärtnertbarthel@freenet.de+49875874226911951-10-02male258.65
MarenWinterjonas.mayer@hotmail.de+4923112922051939-10-14female416.92
Marie-LuiseHohmannalma.hartung@meier.net+494019311741965-07-28female895.59
MarioKoppkrystyna.zander@mail.de+4979165002951969-04-16male209.16
MariusSchäferehansen@googlemail.com+49956544721612003-08-18male567.2
MathildeHamannoschumacher@yahoo.de+4979117998162013-03-01female480.46
MichaelMackfrank27@posteo.de+4962182397891957-07-16male119.51
MinnaSeilerfabian62@brenner.com+4935543500931982-09-01female226.43
NielsRungetraudel.nickel@nowak.com+49593555071262001-10-07male238.32
NilsKuhnjessica40@posteo.de+4998173920751995-08-20male748.99
NormanChristelli.bartsch@herrmann.com+4933120830401962-06-26male262.82
OttmarSiebertjeanette.hohmann@freenet.de+4974135310761938-08-14male163.66
PaulineWimmerrwilke@gmail.com+49714790863281973-12-24female777.08
RafaelWitteysteffens@menzel.org+4991132553661950-11-20male640.88
RaphaelJohndgeissler@gmail.com+493686425086991986-01-15male161.91
RicardaKaufmanncwenzel@hotmail.de+49772266237601947-03-06female658.16
RogerMannsybille83@heinrich.de+4937128903451954-02-08male765.96
Rolf-DieterHenkeanke56@t-online.de+49625454189911957-04-24male270.16
RonaldZimmerieberhardt@wilke.de+49516520701681975-05-15male58.99
RosemarieKlosexsturm@niemann.com+4952111543851988-08-20female200.29
SabineBlumseifert.franziska@wieland.com+4962169061472024-11-02female335.47
SigmundEsserineuhaus@freenet.de+49677795508162024-01-03male420.68
SilkeHerrmannvbruns@heck.com+49604244558781987-10-29female536.83
SofieKörnerandrea.miller@gmx.de+4953195784811996-06-01female361.49
SteffenPohlsteiner.arthur@live.de+49293917984862008-10-19male351.62
SusannaSchraderjohann86@straub.com+49225736659361942-02-12female831.24
Total49573.09

Steps

Blog Post concerning sticky table headers

  • Give your region a specific height, for example 480px
  • Add following lines to your css definition
table thead, table tfoot {
  position: sticky;
  z-index: 10; /* cause fontawesome icons */
}
table thead {
  inset-block-start: 0; /* "top" */
}
table tfoot {
  inset-block-end: 0; /* "bottom" */
  background-color: white; /* make your background not transparent*/
}
  • That should do the trick

  • I have used following code, to move the last row of the table to a new tfoot, in order to make that sticky too

  • you can place these lines inside a dynamic action - AfterRefresh on the report itself

// get the table
const table = document.getElementById("report_table_empl-table");

// Create an empty <tfoot> element and add it to the table:
const footer = table.createTFoot();

// get all rows
const rows = table.getElementsByTagName('tr');

// store the last
const shifted = rows[rows.length-1];

// remove the last
rows[rows.length-1].parentNode.removeChild(rows[rows.length-1]);

// append to footer
footer.appendChild(shifted);
  • don't forget to give the table an ID