Fixed header not working

  • Resolved shahn1234

    (@shahn1234)


    6 years, 12 months ago

    Hi, Kudos to you for an amazing plugin! Unfortunately, my fixed header is not working. Is the fixed header extension compatible with the responsive tables extension?

    Here is the shortcode I’m using: [table id=1 responsive=scroll datatables_fixedheader=top datatables_fixedheader_offsettop=150 /]

    I’ve also tried your CSS suggestion:
    .tablepress.fixedHeader-floating,
    .tablepress.fixedHeader-locked {
    z-index: 1000 !important;
    }

    I’ve checked the console but there are no JS errors. I do have the fixed header extension activated, and datatables is checked.

    Here is the debug info:
    · Website: http://mf2.openairwebdesign.com
    · TablePress: 1.8
    · TablePress (DB): 34
    · TablePress table scheme: 3
    · Plugin installed: 2017/04/11 09:10:35
    · WordPress: 4.7.4
    · Multisite: no
    · PHP: 5.6.30
    · mysqli Extension: true
    · mySQL (Server): 5.6.23-cll-lve
    · mySQL (Client): 5.6.23
    · ZIP support: yes
    · UTF-8 conversion: yes
    · WP Memory Limit: 40M
    · Server Memory Limit: 768M
    · Magic Quotes: off
    · WP_DEBUG: false
    · WP_POST_REVISIONS: 5

    (I did have WP_DEBUG set to true, but it didn’t show any errors.)

    Web page is http://mf2.openairwebdesign.com/music

    Thanks for your help!

    Suzanne

Viewing 15 replies - 1 through 15 (of 19 total)
1 2
  • Plugin Author TobiasBg

    (@tobiasbg)

    6 years, 12 months ago

    Hi Suzanne,

    thanks for your question, and sorry for the trouble.

    That’s strange, and I don’t really see why this is not working here…
    Can you maybe first try without the offset parameter?
    Also, can you please try again after temporarily deactivating all other plugins and after switching to a WordPress default theme like Twenty Sixteen? That way, we can find what’s causing this.

    Regards,
    Tobias

    Thread Starter shahn1234

    (@shahn1234)

    6 years, 12 months ago

    Deactivating all other plugins didn’t make a difference, but the fixed header works in the Twenty Sixteen theme and also with the parent theme. I don’t have any child functions related to TablePress, so does that mean it could be related to the custom CSS I have for TablePress?

    Here are the CSS rules I have related to TablePress:

    html body #middle table.tablepress {
    max-width: 1200px;
    font-size: 15px;
    font-size: 1.5rem;
    }

    html body #middle table.tablepress a {
    font-size: 15px;
    font-size: 1.5rem;
    }

    .tablepress .odd td {
    background-color: rgba(243, 245, 247, 0.96) !important;
    }

    .tablepress thead {
    border-bottom: 1px solid #D4DDE6;
    }

    .tablepress.dataTable {
    border: 1px solid #ddd;
    }

    .tablepress thead tr.odd th, .tablepress thead tr.odd th:hover {
    background-color: #E6ECF2;
    border-right: 1px solid #d5dae0;
    }

    .tablepress .sorting, .tablepress th {
    padding: 8px 8px 8px 20px !important;
    }

    .tablepress .sorting::after, .tablepress .sorting_asc::after, .tablepress .sorting_desc::after {
    left: 5px !important;
    top: 50%;
    color: #5f93c4;
    }

    .tablepress.fixedHeader-floating,
    .tablepress.fixedHeader-locked {
    z-index: 1000 !important;
    }

    Thanks for your help!

    Suzanne

    Thread Starter shahn1234

    (@shahn1234)

    6 years, 12 months ago

    P.S. I just tried commenting out all my CSS rules for TablePress, but it didn’t help the fixed header issue.

    Plugin Author TobiasBg

    (@tobiasbg)

    6 years, 12 months ago

    Hi,

    I don’t think that this is a CSS issue, but more a JS issue. That’s why we should try step by step, with that reduced Shortcode, just with your desired theme, etc. and then add plugins one by one, until it breaks.

    Regards,
    Tobias

    Thread Starter shahn1234

    (@shahn1234)

    6 years, 12 months ago

    Hi, Tobias,

    I did try the reduced shortcode and simultaneously disabled all plugins other than the main TablePress and the TablePress extension for a fixed table header, but the fixed header does not work in that scenario. It only works if the parent theme or Twenty Sixteen is activated, and then all the plugins can be activated with no problem for the fixed header.

    Thanks,
    Suzanne

    Thread Starter shahn1234

    (@shahn1234)

    6 years, 12 months ago

    I did run the “Advanced Database Cleaner” plugin recently, although I was careful not to clean up any TablePress tables. But do you think I should try uninstalling the TablePress main plugin and Fixed Header plugin and then reinstalling them?

    • This reply was modified 6 years, 12 months ago by shahn1234.
    Plugin Author TobiasBg

    (@tobiasbg)

    6 years, 12 months ago

    Hi,

    no, reinstalling will not help.

    So, as soon as the child theme is activated (and all plugins except for TablePress and the Extension deactivated), the FixedHeader stops working?
    Can you set up that state so that I can take a direct look at this scenario?

    Regards,
    Tobias

    Thread Starter shahn1234

    (@shahn1234)

    6 years, 12 months ago

    Hi,

    Okay, all plugins are deactivated (except for TablePress and the fixed header extension) and the shortcode is reduced so that the offset option is not in place.

    I really appreciate all your help with this. Great support!!

    Suzanne

    Plugin Author TobiasBg

    (@tobiasbg)

    6 years, 12 months ago

    Hi Suzanne,

    I’m really confused as to why this happens…
    If possible, I’d like to take a direct look at this on your site. Could you therefore please get in touch via email (the address is in the main plugin file “tablepress.php”)? That way, I can investigate this directly. Thanks!

    Regards,
    Tobias

    Thread Starter shahn1234

    (@shahn1234)

    6 years, 12 months ago

    Just sent you an email.

    Plugin Author TobiasBg

    (@tobiasbg)

    6 years, 12 months ago

    Hi,

    thanks! I have received it and I was able to log in. I could reproduce the issue as well.
    From what I can see, all settings and files are correctly in place.
    Unfortunately, I was not able to find a cause for this 🙁 It seems that the DataTables JS library is not recognizing the FixedHeader parameter and therefore does not execute the functionality. As I’m not the developer of that JS code, I can therefore only suggest that you escalate this to the DataTables JS library’s developer, at https://www.datatables.net/
    The best way might be to ask in the forums there. They might have more tools for debugging this and hopefully they can spot what’s causing this.

    Sorry again for the inconvenience 🙁

    Regards,
    Tobias

    Thread Starter shahn1234

    (@shahn1234)

    6 years, 12 months ago

    Thank you so much for all the time you spent on this. Really phenomenal support.

    I will ask at the forums you suggested.

    Have a great day!

    Suzanne

    Plugin Author TobiasBg

    (@tobiasbg)

    6 years, 12 months ago

    Hi Suzanne,

    thanks! If they find something, please let me know!

    Regards,
    Tobias

    Thread Starter shahn1234

    (@shahn1234)

    6 years, 12 months ago

    I will definitely do that! 🙂

    Plugin Author TobiasBg

    (@tobiasbg)

    6 years, 12 months ago

    Hi,

    great, I really appreciate that! With that, I can hopefully fix this myself if I see the issue again.

    Best wishes,
    Tobias

Viewing 15 replies - 1 through 15 (of 19 total)
1 2
  • The topic ‘Fixed header not working’ is closed to new replies.