Skip to Main Content

Sticky Table Header

New

Employees

AhmetOswaldhella41@philipp.com+4963118033851943-07-27male924.44
AndrzejPohlgabriela.opitz@heuer.com+493884631128101952-03-06male130.14
AnjaHermannalfred50@live.de+4922875162461992-09-21female809.23
AnkeVoßvoss.nico@appel.com+4933175655602004-03-24female217.75
AnnikaWetzelcorina.probst@mail.de+4966171222832021-07-17female53.08
AntonHeinemanntheresia31@adler.com+4947180592891990-08-11male484.89
AntonieGerlachkirstin94@weber.de+4977187876541941-02-13female529.32
AstridFritztraudel.wagner@hansen.net+4985139371331936-12-07female533.05
BertGreinerpfeiffer.heidemarie@krause.de+49585596528891943-01-08male82.83
BirgittPreußmargrit.rose@posteo.de+49548338111241942-10-23female635.62
BirteRitterjosefa.bohme@gmx.de+49242944317252017-07-07female597.1
ChristineBusseasteiner@aol.de+4994132314791990-04-14female241.49
ChristlWilkeesteiner@mai.net+49338326220741943-10-28female320.3
ChristofBrinkmanneleonore.hansen@kuhlmann.org+49399431338802024-06-22male403.91
DetlefWolfannelie43@yahoo.de+4944185653411945-11-20male108.54
DianaPohlhoppe.hansjurgen@fuhrmann.de+49244872383831954-08-11female529.66
DiethelmBeerakruger@aol.de+4979192394891975-01-24male90.92
DorisLindemannnoack.rosel@gmx.de+49773460658641939-06-30female589.37
EckhardtSchusterprichter@krauss.de+4952104159101935-07-01male932.52
EdeltrautKraußhempel.gabriele@gmx.de+49204269046032003-02-15female391.29
ElfiMaurersiegrid85@freenet.de+49719990815061977-01-02female77.54
ErnaGroßjulian.schulz@geisler.com+4973143352362009-01-08female960.5
ErnstKörnerehenning@aol.de+4982159802932019-03-22male339.5
FelicitasKrauserherbst@kuhn.com+49668921252611959-04-23female600.03
FrancoWegenerwolter.klemens@googlemail.com+49687635099082010-08-13male428.34
Franz JosefSchneiderhanswalter.hess@gmail.com+49794158330262018-10-09male294.12
FriedrichHeineklausjurgen.ludwig@sonntag.org+49386508304261974-06-12male426.33
GalinaAckermannjost.hartmut@wendt.de+49503050375262014-05-02female732.94
GerdaHerzoggunther.mohr@brunner.net+4966105714741971-06-14female277.55
GerhildBarthelhansgeorg.haas@bohm.com+4992177657121994-01-10female537.68
GisbertBüttnerhansgunther08@googlemail.com+49922101539781943-10-18male527.66
GiselaOtteva81@merz.com+4952133973881989-01-26female735.7
HagenRömerkarla13@preuss.com+4938523462431962-08-26male621.13
HanniHaasekaren.schiller@yahoo.de+49394219605692012-10-13male351.8
Hans-OttoAhrensisabel.heuer@t-online.de+49609999169861990-10-27male577.18
HarroRothebrunner.theodor@weis.org+49440600802351943-12-10male37.41
HenriHeinzevaleri43@live.de+4955106948341995-10-11female492.91
HildaSchenkksturm@ernst.com+4933526177911993-09-24female23.74
IgnazHammerggeissler@yahoo.de+4993159983441945-09-28male816.9
IngolfHeinefelicitas32@schubert.de+49820758945501944-05-31male792.27
IngridBuckanni96@gmx.de+4963178673351956-05-25female438.9
IrmtraudStephanwiegand.henry@t-online.de+49333829504562004-02-19female367.76
IsabellAlbrechtreiter.erich@fuchs.com+49934111478411987-11-08female473.08
JoannaJansenadrian.jacob@freenet.de+49233510036931944-05-05female973.1
JohannaSeilerhansgunther.stephan@kroger.com+49594185325271993-07-24female908.42
JohnKremerpamela70@googlemail.com+4990630087951970-07-13male310.5
JostAlbrechtreinhilde62@thiele.com+49608253360541998-01-25male246.43
JuliaHuberweber.pierre@neumann.de+4968176898701984-02-07female442.41
JuliaLorenzrieger.andy@brandt.de+4923136007402016-07-26female701.14
JuliaAlbersraimund84@kretschmer.org+49374430591892022-03-01female58.68
JulianeHamannhelga29@posteo.de+49996797947191964-03-29female318.33
JuliusHansenjulian.naumann@hoppe.com+4946119858691945-12-22male515.27
JörgGroßtkellner@aol.de+49878398634631993-12-13male697.66
JörnHeilhagen.bartels@aol.de+49399770329081983-08-23male503.64
KarlaKuhlmannmohr.rupert@jurgens.de+49463611948431943-12-15female294.31
KarolineHenkefrank.evamaria@gmail.com+49356380678691945-11-06female544.3
KasparBeckerewitt@wolter.de+493466745350151969-10-14male517.99
KatharinaRauchrhartwig@bader.com+4958171553661983-10-04female400.42
KathleenLauerhherbst@heine.com+493684511472841971-02-25female894.67
KathrinNowaklwinkler@googlemail.com+49837559086261942-10-30female2.86
KlaudiaNaumannpauline.fuhrmann@live.de+4990600513881954-04-27female300.36
LieselStraußmhaupt@gmail.com+49600358777301961-08-21female177.7
LinaSchefflerevamaria38@hotmail.de+49217509716981977-07-07female795.19
LisbethWetzelgrete35@hofmann.net+49550712436411954-01-17female144.57
MandyHeckklaus.erik@reich.org+49242080260771983-03-19female700.31
MargaThomasrreinhardt@geisler.de+4946103271322002-01-09female888.4
MargotHoffmannyrausch@franke.de+4977144993961961-07-22female790.58
MaritaGöbelthekla.petersen@rausch.com+49236012487091939-06-23female544.04
MariusWeisanika86@klose.de+493692913141431947-02-09male803.06
MarleneSchillingtfriedrich@mail.de+49682120974251968-02-21female990.2
MatthiasSchützereichel.martha@schon.net+4948129424841959-01-15male11.56
MehmetBüttnersalvatore32@freenet.de+4958136543172005-12-18male164.85
MinnaThomaskonig.hiltrud@t-online.de+49215802875511947-08-05female650.04
MirjamGrafadalbert61@lemke.com+498959747711957-08-20female320.99
MoniqueSchüttepaul.dirk@posteo.de+498934918171938-12-22female475.2
NatalieBaierseiler.judith@yahoo.de+49980268231541992-11-18female382.98
NataljaBecklutz.mehmet@posteo.de+4975162959691950-05-23female186.04
NilsMeiervhofmann@lorenz.com+49782625104842011-09-05male418.06
NormanWegenerbaier.meta@googlemail.com+4953183176742013-06-30male123.12
PaulaRothmbrand@posteo.de+493577388333571992-10-26female230.93
PaulineSeilersiglinde18@christ.com+49567963156242003-04-11female154.96
PeerHirschhahn.laura@heim.com+4983156461952017-07-15male134.77
RiaMertensgottfried36@beckmann.de+49712900189272010-08-10female833.31
RomanKochgwenzel@hotmail.de+49211701040261953-08-24male539.42
RomyRudolphtlange@posteo.de+4979136953692006-01-11female537.05
RoseSchmidjost.katja@wiesner.de+4981138385931946-05-22female270.23
RosiFeldmannscherer.jutta@betz.de+49865359141871966-10-23female158.39
RudolfUlrichwilly.klaus@singer.de+4981115594091977-08-11male943.32
SiegbertConradramona.dietrich@hotmail.de+4948158436631998-11-03male975.92
SilkeBartelshelene.seidl@vollmer.de+49204506151731998-01-08female620.55
TheklaHarmsgerhard.hartung@mail.de+494092324952001-01-27female242.51
ThiloJürgensvetter.mario@gmail.com+49993922072222016-07-01male663.59
TiloMillertfalk@freenet.de+4988113196351956-07-24male103.68
TrudeBärisa.preuss@t-online.de+49557965075241967-12-13female639.26
UweMollludmilla79@gmail.com+49909331615651942-03-23male519.42
ValeriLemkehelmuth.becker@richter.de+4925196217611968-01-08female149.78
WiebkeKirchnersulrich@mail.de+49272736634971975-05-05female141.1
WielandReimertheresia.lorenz@web.de+493052403671970-03-03male843.24
WilfriedHofmannpieper.clausdieter@hotmail.de+49962197997721957-05-06male22.09
WolframNaumanndittrich.mathilde@rose.com+49855959492041936-10-11male481.66
Total45938.98

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