Hide header when using datatables

  • Resolved frequentmiler

    (@frequentmiler)


    6 years, 6 months ago

    Hi,
    I am showing just one column of a table and would like to hide the header row. The problem is that I am also using datatables so that users can filter and page-next. Datatables doesn’t seem to work with a hidden header row.

    I suppose I could hide it by setting the header’s colors to transparent, but I’m wondering if there’s a better option?

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Yes, there’s a better option, we can simply hide the header using some CSS code. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

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

    Just change the table ID 123 as necessary.

    Regards,
    Tobias

    Thread Starter frequentmiler

    (@frequentmiler)

    That worked perfectly. Thanks so much.

    Plugin Author TobiasBg

    (@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 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hide header when using datatables’ is closed to new replies.