Can't center tables

  • Resolved 50M

    (@50m)


    10 years, 1 month ago

    I am having an issue, where the tables will not center on my site at all, I have tried using the css from your site tablepress.org, both targeting the specific tables as well as all tables, to no avail.

    I know that other css changes I’ve made are working, i.e. this works fine:
    .tablepress .row-hover tr:hover td {
    background-color: #FFF2BD;
    }

    The site that is having these issues is a dev site, and is password protected…is there any way we can email each other privately? I cannot post links & credentials in public view.

    FYI – I have made the recommended donation of $9 for the responsive tables plugin extension, and $7 for the data table fixed columns plugin extension I am using.

    Thanks for your help!

    ***********************************
    Debug and version info:
    · TablePress: 1.7
    · TablePress (DB): 32
    · TablePress table scheme: 3
    · Plugin installed: 2016/04/08 19:05:11
    · WordPress: 4.5
    · Multisite: no
    · PHP: 5.6.21
    · mysqli Extension: true
    · mySQL (Server): 5.5.35-log
    · mySQL (Client): mysqlnd 5.0.11-dev – 20120503 – $Id: 76b08b24596e12d4553bd41fc93cccd5bac2fe7a $
    · ZIP support: yes
    · UTF-8 conversion: yes
    · WP Memory Limit: 40M
    · Server Memory Limit: 256M
    · Magic Quotes: off
    · WP_DEBUG: false
    · WP_POST_REVISIONS: true

    https://ww.wp.xz.cn/plugins/tablepress/

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

    (@tobiasbg)

    10 years, 1 month ago

    Hi,

    thanks for your question, and sorry for the trouble.

    The reason for this could be some interference cause by other CSS. A link would indeed be good. Can you maybe send it to me via email (the address is in the main plugin file “tablepress.php”)?

    Regards,
    Tobias

    Thread Starter 50M

    (@50m)

    10 years, 1 month ago

    Hello Tobias,

    I just sent you an email to the address from the php file.

    Please let me know if you don’t receive it.

    Thanks for your help!

    David

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 1 month ago

    Hi David,

    thanks! I just had a look and was able to fix everything.

    The reason for this issue basically is a small issue with the calculation of the width when using the FixedColumns Extension. I now set the width of the container manually and centered it, as well as the filtering. This was done by adding some CSS and by removing the responsive=scroll Shortcode parameter, which is not necessary for this table.

    Regards,
    Tobias

    Thread Starter 50M

    (@50m)

    10 years ago

    Hi Tobias,

    It looks great, thanks!

    One more question, below is the code you added:

    *****************************************
    #tablepress-1_wrapper {
    max-width: 750px;
    margin: 0 auto 1em !important;
    }

    #tablepress-1_filter {
    float: none;
    text-align: center;
    }
    *****************************************
    I tried changing the selectors to .tablepress_wrapper and .tablepress_filter to apply the changes to ALL tables on the site, but that doesn’t seem to work. Can you tell me what I’m doing wrong? 🙂

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years ago

    Hi,

    as these classes are coming from the DataTables JS library, the correct ones would be .dataTables_wrapper and .dataTables_filter.

    Regards,
    Tobias

    Thread Starter 50M

    (@50m)

    10 years ago

    Perfect, thanks again, Tobias!

    Awesome plugin, awesome support!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

    Thread Starter 50M

    (@50m)

    10 years ago

    One more question: Is there any way to sort of combine the fixed column and fixed header functionality? Here’s what I’m trying to achieve: fixing the left-most column, and making the top row “sticky” so it stays at the top of the screen, while at the same time the top row scrolls side-to-side (except for left-most cell) along with the columns below it.

    That would make it perfect on mobile 🙂

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years ago

    Hi,

    no, sorry, that’s not possible. According to the DataTables website at https://datatables.net/download/compatibility , the JS code for those two Extensions is not compatible 🙁

    Regards,
    Tobias

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Can't center tables’ is closed to new replies.