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

Question

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!

Amebr · Accepted Answer

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

Peter Grainge · Answer

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

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded