Responsive tables editing

  • Resolved buffinshtein

    (@buffinshtein)


    7 years, 2 months ago

    Dear Tobias, as I understand, by choosing different responsiveness modes tablepress automatically adjusts column width, font size and so on. Is there a simple code commands to edit it manually that for example width or font size of the same columns of the same table in desktop/tablet/phone responsiveness was different?
    Let’s say, in desktop mode (for pc) the width of the column was N pixels or the text was N size, while on phone the width of the same column or the size of the same text was twice smaller (N/2).
    Thanks in advance.

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 2 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    No, that’s not what the Responsive Tables Extension offers. It only changes the view mode, e.g. by flipping, collapsing, or adding horizontal scrolling to the table.

    To change the font size automatically on different screens, you could however use “Custom CSS” code, like

    @media screen and (max-width: 768px) {
  .tablepress th,
  .tablepress td {
    font-size: 10px;
  }
}

    Regards,
    Tobias

Viewing 1 replies (of 1 total)

The topic ‘Responsive tables editing’ is closed to new replies.