Compact Tables

I am working a lot with tables in Obsidian as they tend to give a very good overview for certain topics. However, I sometimes struggle with them visually, because they do take up a lot of space.

Below is an example of how my tables look like.


As you can see, the table takes up quite a lot of space.

Now compare this to an overview of a typical gaming wiki:


Yes, the example here is an extremely long table, but it allows for much more information on tighter space.

I also tinkered around with HTML formatting and font sizes but since Obsidian renders HTML tables the same way as Markdown tables and doesn’t change the border sizes even when you shrink the text down, I wasn’t able to produce any conclusive product.

If there already is something that can adjust the tables, I am really sorry. But my various researches came up with nothing.

A CSS snippet should be able to do this. I’ve moved this thread from Plugins ideas to Custom CSS & Theme Design so someone can help you with that. Good luck!

Did you find a workaround/solution? I would like to confirm if it’s even possible/recommended changing live preview as the snippets I’ve checked are working mostly in reading view.