Board Thread:Support Requests - Getting Technical/@comment-2170536-20140703185009

When we create tables in either wikitext or HTML, if the tables are too wide to fit the page Wikia will automatically embed the table in a pair of divs to shade the right side and add a horizontal scrollbar. This behavior is dynamic; as the page is resized within the browser, the divs will appear and disappear as needed.

However, if I create a dynamic table purely via Javascript, whatever Wikia code that handles this doesn't know that my new table exists. I can try to manually add the divs if the table is too wide, but it will remain on the screen even if the window is resized. Furthermore, the scrollbar doesn't quite behave properly; adding the divs manually gets me a horizontal scrollbar, but it always remains at the bottom of the table even if the bottom of the table isn't visible (and therefore the scrollbar is inaccessible). Wikia's scrollbar stays at the bottom of the screen as long as the table is at least partially visible.

Does anyone know what code to execute to make my dynamic table work like static ones? 