Table alignment issues

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    The reason for this actually is a bug in the current version of the DataTables JS library. For some reason, the Horizontal Scrolling checkbox caused the table width to be wrong.
    To fix this, can you please turn off the Horizontal Scrolling checkbox on the table’s “Edit” screen?

    That issue with the mobile view on the Tuff wheels site is caused by the CSS code of that site’s theme. It contains CSS that changes the table view in the file /wp-content/themes/king/css/style.css
    You would have to remove that CSS in that file if you don’t want that view. The relevant CSS is

    table, thead, tbody, tfoot, tr, td, th {
	display: block;
}

    Regards,
    Tobias

    Thread Starter goodroads

    (@goodroads)

    Thanks!

    How can i modify the padding on just that one table?

    I know the below will do it but it affects all tables

    .dataTables_wrapper {
    clear: both;
    margin-bottom: 1em;
    padding: 0 120px;
    }

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    to only influence one table, you’d use the ID-based selector, like

    #tablepress-1_wrapper {
 ...
}

    Regards,
    Tobias

    Thread Starter goodroads

    (@goodroads)

    Thank you!!

    Plugin Author Tobias B?thge

    (@tobiasbg)

    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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Table alignment issues’ is closed to new replies.