Board Thread:Wikia Discussion/@comment-25280240-20150618032853/@comment-25637142-20150620105329

So, the good news is that, I can kind of implement Crazy ttk's suggestion. The bad news is that, it involves a vertical scroll...

I can suggest a further optimization for a cell layout as follow:

{| class="mw-collapsible mw-collapsed" width="100%" !
 * }

Alternatively

{| class="mw-collapsible mw-collapsed" width="100%" !


 * }

Which should result in something like this

{| class="mw-collapsible mw-collapsed" width="100%" !


 * }

I roughly define 4% width for the resource columns and 55% for the Requirement column and let the Rewards column floats for now. Feel free to tweak with the width of the requirements and rewards columns to minimize the vertical height afterwards (although it's quite trivial imo).

There're a few tips to clean up your css further (well, I didn't bother cleaning it up myself in the samples above, lazy me):
 * For table-wide properties, you only need to define it once  at the table definition for example
 * Width and height are scaled across cells of the same columns/rows so you also only need to define them once at the first row of a table and the first cell of a row.
 * In Wikia, you can create custom css pages and refer to the class using verbatim tag. I believe you can ask DJ for details if you wish to go there. He has used the technique in a (rejected) wiki siderail sandbox page somewhere. After you define the custom classes and styles, you can easily apply them en mass using  and   for example.

And of course, you can always poke Nanamin for Lua implementation