Skip to Main Content

Sticky Table Header

New

Employees

AdeleKaufmannubaumann@kuhlmann.com+49516703254551993-03-10female382.04
AgatheSchradergiesela32@stock.de+4927146795311964-07-21female664.55
AlbinRuppgrit31@bergmann.de+4974151504331950-09-05male725
AlbinReichott.felix@forster.com+4925189322231983-08-16male819.28
AlwineEngelclemens.fleischmann@gmx.de+4933578510421955-02-05female276.04
AlwineRaupkretschmer@web.de+49682385300201969-03-02female748.39
AnitaRöderblank.ottmar@schulze.com+4929153819761991-10-08female863.82
AnjaMichelsulrich.centa@gottschalk.net+49856782137051937-10-08female291.35
AnnetteBehrendtbeatrice44@gmx.de+4975186367031959-02-05female913.59
AntoniaSandernatalja03@googlemail.com+4927176548722013-11-16female659.82
BenjaminHartungschon.marion@t-online.de+4994186165971998-07-17male2.34
BertholdMillerbeyer.gertraud@t-online.de+4986196699451940-12-02male259.9
BertholdBittnerhermine.block@hotmail.de+4958133477341960-10-17male461.71
BirteGlasergartner.lilly@gmail.com+49645294127741967-11-29female635.03
BogdanBärriedl.viktoria@mail.de+49914129646351990-11-27male668.47
ChristopherSchraderrainer.moll@gmail.com+4933515455761990-06-16male186.98
CäcilieBartheljuliane.keller@yahoo.de+4947124840792012-07-30female581.17
EberhardFunkehenny34@web.de+49495140466861943-01-09male183.81
ElfriedeSteffenmartens.frank@posteo.de+49924651928041972-06-06female606.07
ElisabethJohnubruns@wiegand.com+49757719610441980-10-02female392.65
ElmarWenzelrosemarie61@krause.org+49586000504902012-12-24male748.16
ElsbethSchindlerwaltraut.nolte@renner.de+49495054094941967-01-04female931.96
EmanuelSteinerursula69@yahoo.de+4928115050871966-10-03male180.74
EvelinGünthermichael21@aol.de+49575787674501966-08-17female455.32
FrancoKiefergiesela.moritz@merkel.com+4937529446441984-08-20male940.27
FriedaSchindlerrau.jorg@t-online.de+4954171700441981-01-01female642.44
FriedaSeifertpierre20@gmx.de+4994158217851941-08-23female971.04
FriedrichMollgerhard.schade@aol.de+4999188269562001-08-16male217.46
GebhardRothahmed27@gmx.de+49744369245052001-09-27male894.1
GerdUlrichherwig66@mail.de+4998145463161990-09-03male800.5
GertaSingersimone.decker@jurgens.com+49833471528201985-08-22female49.33
GertraudeSchusterbeatrice.steiner@lindemann.com+49968756604311979-05-25female910.03
GertrudBärswetlana99@bernhardt.de+49212918173991964-12-19female253.86
GregorWitthermine.zimmer@bohme.com+49452206867232014-08-13male600.08
GritFreundsauter.ingrid@schade.com+4945146151622010-03-12female302.51
GustavMollkatharina.gerber@web.de+4939167138451975-02-12male670.82
HanniKieferrene82@schroter.org+49665910723671941-07-16male194.36
HeidemarieBehrensmraab@live.de+49470565345271961-11-12female247.09
HeinerWegenercordula.oswald@schmidt.com+49633325835962013-07-29male206.68
HeinerSchlüterantonie.wunderlich@moller.org+4962180678291961-11-06male904.08
Heinz-DieterMolldhahn@marquardt.de+4949168262052021-10-22male454.66
HeleneBreueremanuel99@freenet.de+49232169443641961-12-20female627.65
HelgaWiesnerpaula93@freenet.de+4988106953082003-04-04female64.29
HenrikSeidelralf28@ruf.de+4944148481932011-05-01male723.12
HinrichHaagmarian.wegner@googlemail.com+494003212721959-01-11male809.49
IlkaFritschtschweizer@wetzel.de+4991175789212025-03-18female854.58
InesSchmidtirmtraut69@live.de+49900125061001998-04-25female16.86
IngeburgHeuerhahn.nadja@gmx.de+49516867128441988-02-02female173.93
IsabellSchröderackermann.rafael@web.de+49677635090871944-06-01female728.62
JanetMartensuwulf@t-online.de+49450788738482022-10-21female315.72
JoachimHankemoll.klauspeter@posteo.de+49425007266311940-12-06male327.3
JohannaHeroldbeckmann.elmar@posteo.de+49868117571422024-12-03female367.7
JulianMoserkuhn.ekkehard@gerlach.com+4937126165301979-09-30male75.63
JörgBeckmannludger.dietrich@haag.org+4972168229261966-04-22male933.57
JörnScharfernstaugust.renner@hauser.de+4939550615841943-05-05male827.59
KarlKesslerliane.rauch@neubauer.com+49918917071741963-10-31male655.93
Karl HeinzKlugewbehrendt@hammer.com+49254986215421985-10-27male434.92
Karl-LudwigJordanraphael.moll@gmail.com+49594974436421964-11-24male263.15
Karl-OttoMöllerstrauss.andrej@schuler.de+4965149990422016-05-15male760.91
KatharinaDeckercaroline.wiesner@posteo.de+49965713642081976-12-01female533.86
KatiHoffmannzschulz@geyer.com+4979127689761979-07-05female209.61
Klaus-JürgenKonradschroder.reiner@rausch.com+4961142746621953-04-19male369.53
KlemensBöhmepopitz@gartner.net+493530174500021963-12-15male337.96
LudmilaFritzkonstantin21@stark.net+4953158656611993-07-12female535.55
LuzieSchwabdetlev67@freenet.de+4982192603481956-09-02female130.97
ManuelDietrichmarc93@strobel.de+4977170678361999-09-29male99.47
MarcelThielkoster.arnold@t-online.de+4935174861721991-03-23male849.55
MargitPfeifferkroll.ludwig@noack.com+493542815553982004-03-08female558.84
MarikaHartungevelyn.gross@aol.de+4958176289951972-02-22female798.55
MaritaFreysiegbert.weidner@gruber.de+4953110154861944-12-22female964.61
MelittaBeckerkreichert@t-online.de+49953056402591951-10-23female789.45
MelittaKrausestoll.valerie@richter.org+4954113101181942-06-24female920.6
MelittaBöhmeullrich.cacilie@moller.de+49367640672972007-01-09female556.63
MikeRömerypaul@mail.de+4966153474641955-02-01male561.41
MiriamWegnersabina.krause@posteo.de+49508774949701994-03-16female589.95
NadjaWillwenzel.schroter@bischoff.com+4947196753601944-01-28female748.33
NathalieBöhmewerner.jacobs@gmail.com+493396722579702019-10-27female436.27
NelliLinkklemens05@kramer.com+4968155330361955-03-25female53.84
NoraMollbrinkmann.elena@ludwig.net+4953126372601973-04-01female99.97
OliverBornwolfgang.kunze@yahoo.de+4983161454771983-09-23male971.25
OliverSchmidroman.schulze@kaiser.com+49644424849931969-01-24male844.08
OttoGlaserromy.heine@benz.org+4923152083371949-04-29male618.76
OttoFranzhermann.schlegel@ludwig.de+49688877340492004-12-22male709.84
RamonaKretschmercarmen32@schultz.org+4985194309411956-07-29female4.56
RenateWegenermark83@kaufmann.com+4985109772281969-08-04female903.21
RenateLinkefuchs.wilfried@yahoo.de+49626766038691969-02-13female762.15
RosaHeldchristin.siebert@loffler.org+49593356811121936-11-23female40.49
RudiBrandtina.schuster@wunderlich.de+49489786869131980-05-10male640.07
RüdigerEngelmanngkaufmann@wirth.de+4990656097642010-11-13male192.76
SergejKurzlherzog@hein.de+4936584842081975-06-06male378.11
StevenFrickebehrendt.dorothee@yahoo.de+49722825792701978-03-15male481.02
SusanneHarmsklehmann@steinbach.net+49455408934072009-02-19female883.57
SwenBrunshartwig08@googlemail.com+4935134472601950-09-26male223.11
TamaraRiegerahmet.kruse@bartsch.de+4988158764162012-08-16female403.89
TeresaKuhnevi27@mail.de+49628398603591995-04-10female444.99
WenzelRauchwera.geissler@oswald.de+4936143549251964-11-09male604.34
WillyAlbrechtkarlernst.schumann@gmx.de+4949196879201963-07-08male264.39
WilmaSchlüternpape@gmail.com+4982131940081952-05-06female880.91
WladimirKerntheinze@schon.org+4925197982561967-01-05male53.31
YvonneMeißnerlschutte@gmx.de+49845754178521940-11-07female376.54
Total51684.76

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