wp-table-reloaded First row copy outside the body

Now I’m getting:

jquery.datatables.min.js:122
Uncaught TypeError: Cannot call method ‘fnSetData’ of undefined

I only updated the table via csv.

Hi,

the reason for that probably is that you are using #colspan# in the table head cells. As far as I know, this is not really supported by the DataTables JavaScript library (see https://www.datatables.net), which offers the JavaScript features for the tables.
That’s why there’s nothing really that I can do, sorry ??

Regards,
Tobias

It’s fully supported:

https://www.datatables.net/release-datatables/examples/basic_init/complex_header.html

I placed extra columns at top, so it has a unique cell at header for each column, not I have several other errors.

JS messages pop-up while load.

Solved using my intended headers as footers.

Now back to the original issue… hahaha

header and footer are separated from body.

Hi,

to remove that space, please try this “Custom CSS”:

.dataTables_scrollHead .wp-table-reloaded,
.dataTables_scrollFoot .wp-table-reloaded {
  margin: 0!important;
}

Regards,
Tobias

It creates this:

class=”wp-table-reloaded wp-table-reloaded-id-1 .dataTables_scrollHead .wp-table-reloaded, .dataTables_scrollFoot .wp-table-reloaded { margin: 0!important; }”

And doesn’t work.

I don’t understand why the table is divided in 3 divs, the catpion is set after the first div, and the main div has its own header and footer…

Hi,

you will need to add the code I posted into the “Custom CSS” textarea on the “Plugin Options” screen, and not into the “Extra CSS class” field. That is a totally different field!

The table is divided into three blocks as a result of the scrolling that you added (with the “bscrollX” command). This needs some additional CSS code to look correct though, which you will be adding with the code I gave you.

Regards,
Tobias