Support » Plugin: TablePress » Problems with extension layout

  • Resolved markiesp2


    Dear Tobias,

    First of all thank you for the great plugin!

    I have a question. I read the instructions for the Responsive Tables and searched for it, but couldn’t find the answer. I have problems with all 3 types of tables when using the Responsive Tables extension, as you can see on my web page:

    On computer screen it looks good. When making the page smaller, it messes up everything and it does not show the three different types (scroll, flip, collapse). I was wondering how to fix this?

    I used the code below in the plugin options CSS field.

    .tablepress-id-2 .column-1 {
    	width: 170px !important;
    .tablepress-id-2 .column-2 {
    	width: 100px !important;
    .tablepress-id-2 .column-3 {
    	width: 100px !important;
    .tablepress-id-2 .column-4 {
    	width: 100px !important;
    .tablepress-id-2 .column-5 {
    	width: 100px !important;

    Kind regards,

Viewing 1 replies (of 1 total)
  • Plugin Author TobiasBg


    Hi Mark,

    thanks for your question, and sorry for the trouble.

    From what I can see, the reason for this is in your theme. It seems to contain its own method for making tables responsive, but unfortunately, that interferes with the three modes that the TablePress Extension offers.
    The relevant code should be in the /wp-content/themes/time/data/js/time.js and /wp-content/themes/time/data/js/time.min.js files, in a section that starts with the comment // Table. That basically adds extra CSS code to the tables that disturbs e.g. the scroll mode.

    The mode that the theme offers could be a good solution on its own, and to use it, it should be sufficient to remove all that “Custom CSS” for the column widths that you are using (but which should not be necessary), or to at least remove that !important keyword from all the CSS declarations.


Viewing 1 replies (of 1 total)
  • The topic ‘Problems with extension layout’ is closed to new replies.