Support » Plugin: TablePress » footer line isn’t responsive- collapse mode

  • Resolved avivnevo10


    Hi tobias,

    I’m using tables with the responsive mode ‘collapse’ and i have a problem with the footer line – not like the other lines in the tables, in the the footer line some of the data disappear when using small screen (mobile phone).

    I’m attaching you a link ( sorry, but the website is in hebrew but when looking on phone and computer you will see the difference) :סיליבוס-ותכנית-לימודים/תשעו/
    please jump to second table.

    I’m also attaching you URL to images that can explain better my problem.

    and.. tanks a lot!!

    • This topic was modified 1 year, 10 months ago by  avivnevo10.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg



    thanks for your question, and sorry for the trouble.

    Yeah, footer rows will not really work with the collapse mode, as there’s no real place to show that information.
    The best solution probably is to not make this an actual footer row (using the checkbox), but to leave it as a body row which simply gets extra styling (e.g. a changed background color) with CSS.


    another question due to your answer – i want to change almost all the tables at once ( ~ 50 tables) . but the footer row in each table located differently. if i want to make it through ‘extra css class’- what should i wright in ‘custom css’ to go to the last row in every table and change color background ?

    and what is the color code used to the header/footer ?

    thanks for you quick answer !

    Plugin Author TobiasBg



    you could do something like

    .tablepress-custom-footer tbody tr:last-child td {
      background-color: #d9edf7;

    with an “Extra CSS class” value of tablepress-custom-footer (you could of course change this).


Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘footer line isn’t responsive- collapse mode’ is closed to new replies.