DataTables FixedHeader into toggles

  • Resolved caral43

    (@caral43)


    7 years, 8 months ago

    Hi Tobias,

    I apologize for my English… but thanks for your great plugin !

    I have been using the FixedHeader DataTables plugin for a few years. Now I have to reorganize the presentation of my data.

    To do this, I have to insert my tables in “toggles” (provided by my theme “3 clicks”). But then there’s a problem: the fixedheader plugin does not seem to work anymore within these toggles (the shortcode looks like this “[tableau id=8 hide_columns=”3,4″ column_widths=”60px|80px|150px|40px|40px|40px|40px|” datatables_fixedheader=top datatables_fixedheader_offsettop=150 /]”). But header is not fixed at all…

    Do you know if it’s possible to do so ?

    Unfortunately, this page is still in dev, so it’s not easy for me to show you in “real condition”.

    Thanks for your help !

    Adrien

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    I can only assume that this is caused by the “toggles”. These usually mean that some tables are not visible when the page loads. This means that the JavaScript code can not calculate how big the tables are. This is however necessary, so that it can replicate the header row.
    So, most likely, it will not be possible to use the FixedHeader Extension with tables that are shown in “toggles”.

    One idea might be to use a very similar feature, where the header row does not remain fixed at the top of the page, but where the table body is scrolled.
    For that, try using a Shortcode like

    [tableau id=123 datatables_scrolly="400px" /]

    (the 400px is the height of the scrolling container and that could be changed to what you want).

    Regards,
    Tobias

    Thread Starter caral43

    (@caral43)

    Aaah great idea ! But with this shortcode, header row now isn’t well aligned with columns as you can see here : https://hpics.li/ce0c51d

    I assume it’s the same problem as with those “toggles”. I will try to find another solution.

    Thanks for your fast reply, really appreciate this !

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    indeed, this is the same problem ?? As the table is hidden initially, the JS code can not calculate the necessary widths ??

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘DataTables FixedHeader into toggles’ is closed to new replies.