It is possible to render the content of an HTML page in several divs without losing the format / structure of the elements ???
I'm trying to render an HTML content in several containers div (avoiding breaking the format), the divs are separated from each other.
For example, taking into account that in my HTML I have a <table> that is very large, larger than a container div , in that case you could render this table in 2 divs without losing its format / structure?
Things I've tried:
1.- Convert the HTML to a PNG image, cut the PNG image into pieces so that each piece goes to div . But the requirement that I have indicates that the text must be selectable. This option died.
2.- I have tried to take blocks of code (first level in the DOM, within body ), calculate its height, and if that height is less than the height of div , it is rendered inside the div . But there are cases like: rendering a very large table, bigger than the height div, in this case, I do not know how to do it.
All my attempts were using AngularJs and pure Javascript. Any advice will be very helpful.