Is It Possible to Have a Table with a Floating Header Row in the Responsive HTML5 Format?

[Bernadino50]

Using RH 11.0.4.291, I'm working in a Responsive HTML5 project. Several of the project's topics contain tables with more than 50 rows. These tables currently size appropriately, when the screen is reduced to the dimensions of a tablet or large phone. Due to the length of these tables, I would like to give them floating headers. I've seen HTML code snippets online that show how to do this, however I don't know if this functionality is supported in a Responsive HTML5 environment. Can anyone tell me how to achieve this effect?

Thanks!   

[Peter Grainge]

I have not seen anyone discuss this requirement in these forums so unless someone else comes forward, I think there is only one solution. Create a new project with just one topic and if it works in that.

If it does, it might be helpful if you publish it here or I will add it to my site with credit to you.

---

See www.grainge.org for RoboHelp and Authoring information

@petergrainge

[Bernadino50]

Thanks Peter. I'll do what you suggest. If I can make it work, I'll post the solution to this thread.

[Amebr · Accepted solution]

I had a go using the DataTables jquery plugin, but RH11 doesn't support thead, or tbody tags (and "helpfully" removes those tags if I manually add them). It might be possible if you can use jquery to inject those tags and get DataTables to run on those injected tags. But that is well beyond my coding capabilities.

Or manage those table topics outside Robohelp, in which case it should be possible to use DataTables to make the header stick to the top of the window when scrolling

[Bernadino50]

Thanks Amebr for sharing your experience and suggestions. If my team wants to pursue this, I think your second option--managing the table topics outside of RH--may be our best course of action, at present.

[Amebr]

Good luck. Do post back to let us know how it works out.