Use Search With NO HEADER

  • Resolved wallydavid

    (@wallydavid)


    5 years, 8 months ago

    I need to use the search on a table with NO HEADER. [table id=1 /]

    However,

    I have other embedded tables with-in that table so I can’t just blanket hide the header.

    I need to just have the header for [table id=1 /] hidden, while still showing the header for tables 2-25 on the same page.

    I tried to do this:

    .tablepress-id-1 thead {
	visibility: hidden !important;
}

    But it still hides it on all the tables.

    Thoughts?

    Thanks.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter wallydavid

    (@wallydavid)

    ok.. so I figured out hide_rows=”1″

    only, when I hide row 1, row 2 ends up with the blue background like it’s the header.
    I need all the backgrounds in table 1 to be White. and the table header in all the other rows to be a color of some sort…

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    hide_rows=1 will indeed not work here. The CSS approach is the best way, and your CSS should work to hide the header row for table 1.
    I would just however recommend using

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

    as that should not leave extra white space.

    Now, this code only affects table 1, so the question is: Are you showing that same table 25 times on the page? Otherwise, I don’t see how this could affect the other tables as well.
    Unfortunately, I couldn’t check myself, as your link only gives me a “coming soon” message.

    Regards,
    Tobias

    Thread Starter wallydavid

    (@wallydavid)

    Sorry, I forgot I had the site in maintenance mode. The link should work now. I also send you a login and password to the site if you wanna play around with the css and see if you can figure it out. Thanks.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the update! Now I can see the tables ?? The reason why this problem happened is that the other tables are actually inside the table 1. That’s why the CSS would be inherited and also affect these tables. Fortunately, we will just need to change the selector to use the immediate child operator. Please try again with

    .tablepress-id-1 > thead {
	display: none;
}

    Regards,
    Tobias

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Use Search With NO HEADER’ is closed to new replies.