Skip to Main Content

Sticky Table Header

New

Employees

AlexRiedlfschutte@hohmann.de+49964180167131973-01-28male626.14
AliceGebhardtrmuller@wenzel.org+49767369598801988-09-20female237.79
AloisSchumannkruse.henri@freenet.de+4961115717722018-05-24male726.59
AnjaGroßmannchristos94@hotmail.de+496901224202009-11-12female751.56
AnnaThielfrank06@live.de+49842294507761982-07-02female220.39
ArnulfKrusekarlludwig70@heck.de+4951152746541997-01-27male829.92
BiankaBayerwild.nikola@freenet.de+49374679027831963-11-26female62.84
BirgittaJungralph.vollmer@wirth.com+49977501542342018-08-09female495.47
BrunhildWinklerleonhard36@ullrich.com+4997102518761977-07-15female850.18
CarinaKeilsteffi15@web.de+4937590253361937-06-01female531.8
CarlaRaumathias.kuhn@freenet.de+49917136662491993-09-26female382
CarolineBartschlpietsch@braun.org+49206254110821996-05-22female363.84
ChristineGeißlersandra63@kern.de+4998127460171977-11-18female340.18
DimitriLanghannelore.hildebrandt@schumann.de+49842861487551948-02-07male9.53
DomenicoFischerjanders@gmx.de+4938582987172023-09-15male492.42
EddaWulfali.dietrich@aol.de+4920988566781973-02-26female532.84
EdeltraudEsserilona.schilling@wegner.de+49205309340661993-06-27female515.21
EgonKrebsreiner.schuler@yahoo.de+49669469458501955-03-07male426.87
ElisabethFunkebert.hiller@brandt.com+4997141414581969-03-25female230.68
EllaStraubmarga.heine@web.de+49608243095132008-03-15female973.78
EmiliaBarthrosmarie.gruber@wunderlich.de+49829635079011962-01-31female581
Eva-MariaBrinkmannhsommer@live.de+49452689921322021-10-13female37.13
FelixHildebrandtzkolb@grimm.de+49415978134441998-11-05male862.13
FranzHenniganke25@scherer.com+4957170532291972-06-02male826.94
Franz JosefHeßedeltraud.binder@hotmail.de+49466323890542000-04-03male57.62
GabrieleReinhardtsteffen.grossmann@mail.de+49445192867131977-03-14female97.39
GeraldWulfanni18@gmail.com+4946198308972006-12-18male704.86
GritHartwigsusan.ritter@wagner.com+4968147080081941-09-08female518.88
GünterVollmerpeter.edgar@hohmann.net+49819489724521937-04-12male94.54
HannesPetersella58@aol.de+49724748570921955-04-27male96.67
HanniWenzelnorman.neumann@freenet.de+49560369523921950-04-11male265.67
Hans-GünterBrunsemma78@gmail.com+49358943556461943-07-09male845.91
Hans-JosefDittrichxkraus@t-online.de+4984103306671956-04-30male978.27
HarriBüttnerharald44@becker.net+4949165720591959-09-05male381.74
HarriWunderlichvwinter@gmx.de+4922167252051972-03-20male224.71
HeidiHamannariedl@weiss.de+49437311647502010-08-10female937.63
HelgaRiedellange.hannes@beer.com+4955127259482022-10-15female916.68
HerbertPetersschindler.sonja@posteo.de+49219105854831975-01-27male264.24
HeribertNageloloffler@gmx.de+4965190654612005-12-17male151
HerthaKrausekgerber@scherer.org+49785794295111953-03-10female272.28
HubertBeerinna00@t-online.de+4990628882212019-09-20male553.83
IdaAckermanneugen88@posteo.de+49637979358721954-01-18female896.69
IlkaJungwegener.marlene@aol.de+4947103608361952-03-27female756.81
IrmhildScharfmichaela83@posteo.de+49243057318311987-10-02female344.39
IsabelSeifertbirgitta.dittrich@web.de+49367740027652001-12-31female737.26
JasminHeroldumerkel@kremer.com+49489659727971989-02-06female931.64
JessicaHenkepbernhardt@t-online.de+4963134965931982-08-03female123.99
JohnEngelhardtbinder.uli@gmx.de+4972188272881961-03-23male683.87
JulianPaulmoritz.kirsten@hein.net+49226701569872014-04-27male447.23
Karl-LudwigNeumannmargarete.preuss@web.de+49614685110482024-02-18male309.74
KarolineKretschmerstoll.heidi@schmidt.net+4924144797701973-12-26female985.43
KasparNeubauermiriam44@freenet.de+49806585928651991-03-08male534.46
Klaus-PeterHildebrandtbritta45@googlemail.com+49285218883612005-10-01male197.31
KlemensKönighilmar.binder@posteo.de+4990690857881970-09-28male238.04
KnutLauerqlang@held.com+4961172237381953-03-02male992.62
KätheHausermoritz.ulrich@wulf.de+49272582231402007-09-08female389.5
LiesbethWoltersimone.schumacher@web.de+4947125851561970-04-24female377.24
LindaNeumannharri.lenz@roder.de+4979145807331942-01-23female953.48
LucieWilhelmsommer.peter@hotmail.de+4959106546781951-06-02female736.99
LudgerMüllerwirth.martha@gmail.com+4944117477512021-05-06male928.72
MargarethaSchönschultz.ronny@bohme.com+49782159093591938-02-08female884.34
MargretHerzoggfiedler@bock.de+49591846444161967-09-03female174.69
MargretDietzgross.irmhild@web.de+4982100560171990-03-12female849.16
MarieEngelingelore.merkel@t-online.de+49635796704491999-10-29female300.4
MarkoEberhardtirmtraud99@hartmann.net+49949034473871957-11-28male70.98
MarliesSteinerandre20@karl.com+4959100878711936-07-10female60.54
MarlisHammerfranzjosef99@live.de+496901010551942-09-08female823.14
MartinBrunsirene54@witt.org+4990684987211997-02-14male790.56
MaxWeberkhentschel@mail.de+4985119606271996-04-12male319.42
MelanieLechnermay.bogdan@aol.de+49666222956491941-11-15female847.76
MohamedBuschmelitta80@jung.de+49678207073931988-08-25male323.56
MustafaEngelhanspeter23@munch.net+49872316787442018-10-25male786.79
NadjaKnolllvoss@gmx.de+49955474293751970-02-16female47.16
NikolausVölkerschwab.alexander@mail.de+4996125484541978-02-16male884.81
NinaSchlegelmanuela40@bohm.com+49867040430971945-06-05female980.98
NorbertKramerjohanne.popp@googlemail.com+49228423948501979-08-24male590.33
OlgaSchröterrichter.mirjam@krauss.org+4971126213171937-12-28female957.23
RalfZimmermannsusanna.eichhorn@gmx.de+49433600114741970-11-23male675.83
ReinhildFuhrmannclaudio57@web.de+4996171625201955-12-02female328.67
RobertMackbusse.hella@runge.de+4947100669831990-02-05male713.51
RobertoVosskraus.emanuel@hotmail.de+4923459982811969-06-11male910.45
RobertoFischersteffi.koch@kraus.net+4961172568631964-03-21male741.66
RogerHeuerdorothea.kremer@koch.com+4994128878461968-04-06male659.85
Rolf-DieterFranksabina54@kuhlmann.net+49637702754141984-07-15male264.26
SelmaSimonmayr.jensuwe@t-online.de+49738147066462009-08-10female705.01
SiegfriedRoseaschutte@kern.de+49737247499791990-10-17male526.26
SigridWagnerbauer.kunigunde@wulf.net+4962154072221941-09-15female29.15
SusanLehmannpmeier@aol.de+49992659800572003-02-27female81.86
SvenjaAlbrechtilka93@gmx.de+496986806821955-04-27female240.55
TanjaHohmannwilli.oswald@gmail.com+4925151003802021-08-02female273.05
TheresaSchreinerspringer.kevin@pohl.com+4947114827761984-04-23female654.29
TiloEngelmannernestine.merz@block.com+4975109385331952-09-28male710.65
TraudelKlugeauer.gesa@live.de+493673308319281953-01-17female271.2
UlfLinkereinhild54@vollmer.net+4929102875381951-07-04male637.94
UschiPapewilma67@krauss.com+49591580786851963-05-09female644.75
ValeriBrandlbmaurer@gmx.de+4928163983521968-01-08female423.43
VincenzoHirschwolff.harri@haas.de+4983136817421981-05-02male240.85
WielandSchmidkoch.hansjurgen@live.de+4968128808091976-12-29male387.78
WilhelmHessmaria.may@nolte.com+4936189342672005-09-29male77.72
WilliBühlerhelene42@gmx.de+4996150868042004-05-27male204.43
Total50929.56

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