Header offset when using fixed columns

  • Resolved andynz

    (@andynz)


    2 years, 8 months ago

    I have a table where I use the fixedcolumns option. The shortcode is:
    [table id=branch-award-rscds responsive=scroll datatables_fixedcolumns_left_columns=1/]

    This is the third table in the attached link. The vertical separators in the header row are not aligned with those in the rows below.

    The table above it is the identical table, but without the fixed columns option.

    Any thoughts on this?

    Regards
    Andy

    The page I need help with: [log in to see the link]

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    I’m not completely sure, but my feeling is that this is related to the border lines in the table. There a few CSS declarations in the theme regarding these (sometimes with first setting transparent borders and then changing colors). Unfortunately, border lines are tricky for the underlying external JavaScript library (which adds the FixedColumns feature) to handle, as it makes calculations of column widths much more difficult.
    Unfortunately, I’m not aware of a real fix here, but can only suggest to try going without vertical border lines (vertical borders are often also discouraged because they can reduce readability of the table data).
    Sorry for not having better news here.

    Regards,
    Tobias

    Thread Starter andynz

    (@andynz)

    Thanks for looking into it, Tobias.
    I have a rather unwieldy solution which is to:
    – Leave row 1 as it is (although cells can be cleared).
    – Option settings: Row 1 is header
    – Enter headings in row 2 which is formatted as a header.
    – Set row 1 to non-display.

    Note that row 1 has to be defined as a header in order to allow datatable functions.

    Regards
    Andy

    Thread Starter andynz

    (@andynz)

    That was a bit premature.
    If I hide the header row (row 1), the fixedcolumns stops working.

    Oh well, I will have to dispense with fixed columns on this table.
    Andy

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    indeed, this sounds like a possible solution (which I have never thought about myself)! ??

    You will just have to hide the first row in a different way, using “Custom CSS” code like

    .tablepress-id-123 thead {
  display: none;
}

    (where 123 is the table ID).

    Regards,
    Tobias

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header offset when using fixed columns’ is closed to new replies.