Skip to Main Content

Sticky Table Header

New

Employees

AdamThielfriedrichwilhelm.beier@fink.de+4976112502602025-01-17male547.67
AndrzejBartelsfvetter@gmx.de+493606109576942000-04-22male170.19
AnneloreGärtnerbar.janina@t-online.de+4977118957161964-11-06female178.38
AnnySchefflernickel.jeanette@gmail.com+4995188239311959-04-20female746.99
AntjeSchindlerlars17@live.de+49376431696011962-10-05female71.77
AxelReimerkati03@neuhaus.de+4947107095711946-08-23male950.27
AyseMaierhenriette.weiss@mail.de+4988100761861948-06-01female563.93
BarbaraReichelpjakob@walter.com+496907030552016-12-27female550.29
BernadetteHaagzott@miller.de+49243738073731993-09-05female426.24
BertholdJürgenskrause.hansotto@sauter.com+49465935257272023-12-28male67.9
BirgittWeisheller.jurgen@horn.de+4963143950141936-04-05female621.97
BorisKörnerhesse.gerti@freenet.de+49854800820111952-08-31male295.88
CarmenHerrmannkorner.dunja@schulte.de+49985459001451996-12-02female373.13
CatrinKohljennifer02@gmx.de+49973721096661995-11-20female355.44
DanielaGeyerackermann.ricarda@busch.de+4978183431962003-11-11female529.86
DiethelmMüllerschmidt.max@web.de+4987188824232002-12-23male542.45
DominikGrosskgrimm@kohl.com+493988174894261985-10-18male544.54
EddaSchmidcbehrens@posteo.de+49783124558641962-07-01female534.31
EdelgardWolterclaudia54@auer.de+4966199198481995-04-21female962
ElisabethRufsteffen.barbara@schutte.de+49609964678271989-10-24female141.89
EmilBornckiefer@heller.com+49829336390321952-11-17male716.49
EmmaLemkeralbrecht@stark.de+49259824295992004-07-31female645.35
Eva-MariaStollmeike05@googlemail.com+4935509135802002-02-26female318.28
EvelinHohmannstahl.irene@gmail.com+49456495227301966-10-17female193.71
FriedhelmBaurhannelore91@kuhn.com+49437738870082020-05-31male925.22
GabyWeißcarsten47@unger.de+4987153589352004-09-11female639.75
GerhildOswaldpgottschalk@heine.com+4999124752131966-11-25female166.75
GertrudeFörsternina.franz@mail.de+4934055370921952-06-04female475.41
GritBühlerrene.benz@mertens.de+49594426146291961-02-11female147.32
Hans-DieterProbstnoack.melanie@posteo.de+493527209735532004-06-21male614.72
Hans-J.Freywalter.ingolf@t-online.de+4956182930371943-07-19male553.32
Hans-JoachimBrandthartwig.margitta@hotmail.de+4949110645202009-03-15male670.6
Hans-MartinMichelhenny17@opitz.net+49807059102342022-08-13male810.32
Hans-WilhelmScholzhanschristian.fleischer@hartmann.org+4955175539391958-06-01male4
HaraldKunzirina.bittner@bender.org+49609084188171974-03-20male9.67
HarriRauchramazan58@hotmail.de+4949134118772018-05-18male146.33
HartmutSchenktatjana27@live.de+4977171433671998-08-09male834.46
HeikoKloseknoll.nathalie@posteo.de+49446060240931950-03-14male195.71
HeinrichLanghseidel@albrecht.de+498938970712014-04-26male230.72
Heinz-JoachimBerndtmarina.bader@gmail.com+49756181785131960-01-18male940.93
Heinz-JosefSonntagirmtraud51@web.de+4957184095531966-11-15male689.85
Heinz-PeterBeerheller.heiderose@krause.de+4945135154561973-09-01male678.28
HelenaWeißvinzenz.albers@mail.de+49764045379102024-11-26female988.69
HelmarGerlachischeffler@web.de+4972177244902002-04-15male652.99
HendrikBaierrico28@buhler.com+498974055631993-01-13male866.09
HenriSchröterconrad.brunhild@gmx.de+49397829294211992-01-16female361.44
HenrykSchrödervincenzo.glaser@probst.com+49273102185582007-04-14male523.11
HildaOttoromy.sauer@gmx.de+4923421094172010-07-13female39.53
HüseyinDöringeziegler@live.de+49965629951451963-06-03male348.26
IngeburgEbertluzia.krieger@aol.de+4974171838191945-10-30female391.87
IngoGeißlerjuri.hennig@baum.com+4948166967631982-08-11male790.34
IrmaMeierbeate59@fuhrmann.org+49856130508212001-01-10female435.93
JensLauerokeller@bock.de+4939176557411956-06-11male300.75
JosefineKraftschiller.edeltraud@posteo.de+4988186941251947-12-13female787.7
JuergenGrimmkonrad.hermann@posteo.de+49726613899621959-09-15male397.38
JuliusSchubertueder@jahn.de+4990605503401958-09-15male64.5
JörgBöhmemarlen.weise@lorenz.net+49675672451241971-12-05male493.59
JörnBlockhermann56@adam.de+4987174846271940-09-15male612.58
KatrinSchäferhansulrich.baumann@web.de+493533061257811936-08-20female347.66
KirstenBuschbischoff.claudio@kirchner.de+493493153523991997-02-21female507.84
KlaudiaMoritzklauspeter.holz@kunz.de+493823867133991974-04-21female788.43
KristinaErdmannmaritta40@aol.de+4966133425812004-07-25female781.67
LeonhardHeilhorstdieter.gotz@fleischmann.net+4968110969011972-12-04male982.6
LisaLauersimon.irmhild@merkel.net+49353365966931940-01-19female966.95
LoreAlbertlkellner@googlemail.com+493900987543461970-04-29female671.91
MajaSteinbachwaltraut80@mail.de+4961150418172000-06-07female995.56
MarekSchillingmoritz04@mail.de+49226760538002001-10-22male322.55
MarinaMarquardtlieselotte.doring@posteo.de+4966187923661940-01-14female747.37
MarittaSchumacherweise.winfried@live.de+4967122488341949-09-26female135.41
MarkusHaasegabi.burkhardt@gmail.com+49505996405482015-02-27male221.94
MarleneGerberkern.cacilie@posteo.de+49777640856232019-09-11female738.53
MeikeSchmidwolter.konstantinos@schumann.de+49734907600312023-12-27female352.77
MeinhardWoltererna.link@mail.de+4957172038481986-04-16male569.23
MichaelaGebhardtthomas.viktoria@janssen.de+4977114464822004-05-13female790.37
MoniquePauleugen.frohlich@web.de+4965197015292008-10-10female671.63
NicoleThielhannelore.schulze@gmail.com+4964123876391990-10-06female408.01
PeerHohmannhermannjosef.wiegand@hotmail.de+49527444576161976-07-29male780.89
PhilippAdlermargret.geiger@freenet.de+49468178585471945-01-13male603.44
RenateFeldmannefeldmann@kraft.com+4929161810202012-04-26female351.21
RenéStraubmargarethe93@freenet.de+4935173628941946-09-09male323.6
RobertoRosenatalja54@hesse.com+4966143340481938-12-22male283.35
RoseSchumachervogel.enno@live.de+49336118850822020-02-28female379.55
RudiRaabgreiner.angelika@googlemail.com+4946127251171973-04-17male547.19
RudolfSeidlischolz@wirth.com+4939518030911991-08-27male189.69
RuthJacobsmiroslav62@franz.com+49486212564162003-04-16female345.98
SabinaSchmidistahl@neubauer.de+49741788680951975-06-04female575.76
SabinaScharfantonio66@aol.de+4938580863421998-04-30female175.69
SalvatoreStarkevelin57@niemann.com+49248088903531974-07-31male510.83
StephanAltmannischumacher@roder.com+4971113539521953-04-03male359.62
TanjaMarquardtsteven.heuer@t-online.de+4999172093202003-01-17female390.1
TatjanaSeilerdora32@dorr.de+49655095523201968-07-08female22.04
TheresiaSchotteckhardt98@freenet.de+4951195534982017-04-23female924.74
TiloPetersenigerber@bader.com+4939520624251978-01-08male902.92
TinoBetzynoack@feldmann.de+49954177755972002-12-20male619.94
UrsulaBusserfink@t-online.de+49555276883971949-05-21female560.49
VolkerMillerludmila.horn@kaufmann.com+49575503051602024-05-06male936.27
VolkmarBergmannkuhn.alma@baum.org+4999154838001938-09-03male916.56
WalterSchulzeeberhard.baumgartner@mai.com+49777968127061946-03-25male798.88
WernerBeeraloisia99@mail.de+49817473855761976-04-03male239.6
WernerBreuerrenner.eckard@naumann.de+49287857161782018-07-08male26.47
Total50602.28

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