Here's a snippet. I'm not a developer so consider this a hack. 🙂
This script assumes a class (style) applied to the table. Change filteredTable to whatever style you're using. If you use an id instead, then just change .filteredTable (note the dot) to #yourTableid in all the places in this snippet.
Ignoring the initial comments, the first script line creates a variable so we can check if a thead has already been added. It's possible another script might add it, or a future version of RH inserts a thead for us.
Line 2 ensures the next two statements only run if a thead doesn't already exist.
Line 3 wraps the first table row in thead tags.
Line 4 moves the thead out of the tbody (which is inserted "magically" by the browser) to the top of the table.
//Robohelp 11 doesn't allow thead so add thead if it doesn't already exist.
//hasn't been tested if there are multiple tables using DataTables.js in one topic.
var theadExists = $('table.filteredTable thead');
if (theadExists.length === 0) {
$('table.filteredTable > tbody > tr:first-child').wrap('<thead></thead>');
$('table.filteredTable > tbody > thead').prependTo($('table.filteredTable'));
}
Oh, I also have another few lines to insert the various dataTables.css files needed, because RH classic doesn't allow for multiple css files, or at least not easily. Use the RH variable gRootRelPath so you don't run into hard coded path issues - your developer should be able to figure it out, but if not let me know and I can post that code as well.
6
Replies
AdChoices