Shifted rows

  • Resolved classic3283

    (@classic3283)


    10 years ago

    My header row and content rows jumble.

    Here is an example:
    http://www.footballcardgumshoe.com/tablepress-test/

    I know that the code “table-layout:fixed;” corrects this issue, but that code interferes with my “white-space: nowrap;” code by leaving overflow.

    Is there any easy solution to this matter that I’m overlooking? I searched through the support threads but couldn’t find anything.

    Thank you for your help. You’ve created a great add-on to wordpress and you seem like someone who really cares about its users.

    https://wordpress.org/plugins/tablepress/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    10 years ago

    Hi,

    thanks for your post, and sorry for the trouble.

    The reason for this is the “Horizontal Scrolling”, which for some reason sometimes can not set the proper widths in the header row.

    To fix this, you will indeed have to use table-layout: fixed; and set the widths for all columns manually, with

    .tablepress-id-123 .column-1 {
  width: 200px !important;
}

    and so on.
    If you choose those widths big enough, you won’t have problems with white-space: nowrap; (you won’t even need it then).

    Regards,
    Tobias

    Thread Starter classic3283

    (@classic3283)

    10 years ago

    Thank you for the fast response.

    I was hoping there would be an easier solution, as I plan on having a lot of tables. But this will work.

    Once again, I really appreciate all of the work you do for the WordPress community. I hope it has or will land you some great opportunities.

    Plugin Author TobiasBg

    (@tobiasbg)

    10 years ago

    Hi,

    yeah, I would love a better solution here, too. Unfortunately, I don’t really know how to tell the DataTables JS library how to better determine those widths 🙁

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Shifted rows’ is closed to new replies.