whole datatable shows then rerenders

Hi,

thanks for your post, and sorry for the trouble.

The reason for this is that it simply takes some time for the browser to evaluate the JavaScript code.
You could maybe alter that, by hiding the table initially with some CSS code, and then basically make it visible with a JS callback that is run when the JS is evaluated.
To do that, please add this to the “Custom Commands” textfield on the “Edit” screen of the table:

"fnInitComplete": function() { $( '.tablepress-id-123' ).show(); }

Additionally, add this to the “Custom CSS”:

.tablepress-id-123 {
  display: none;
}

In both cases, the table ID has to be adjusted.

(The drawback of this is that you would temporarily see nothing for a short time, or that users who have disabled JavaScript won’t see anything of the table.)

About those borders: It might be possible that your theme influences this, so re-adding the borders with “Custom CSS” is totally fine.

To start with the very last row, you can extend the “Custom Commands” with another command that sets the initial row, i.e.:

"fnInitComplete": function() { $( '.tablepress-id-123' ).show(); }, "iDisplayStart": 500

The number has to be changed to the row number of the last row (minus 1).

Regards,
Tobias

Thanks Tobias. Here is the code i ended up with to go to the last row:
"iDisplayStart": jQuery('table#tablepress-8').find('td').length-1

I sent you a donation for such a great and flexible tool. I’ve used this in several out-of-the-box ways and it’s been really easy to work with. And then your super fast and smart support makes it all that much more amazing. Thanks again.

Hi,

very cool idea as well! That way you won’t have to put in the number manually. Nice!
And thanks for the donation, I really appreciate it!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!