Improve table styles

[vincentdoerig]

This is an attempt to make the tables in this library to look more like tables we see in LaTeX.

Before

After

Same table in actual LaTeX

Add two new example tables

Detailed Changes

• table does not stretch to 100% width anymore (auto width, aligned left)
• add a thicker border above and below the table
• add a thin border below the header/above the footer
• add table numbering
• add two more example tables
• fix semantic heading of "Contents" from h3 to h2

TODO

• [x] decrease line-height
• [x] figure out a way to make an x-overflow scroll when the table is larger than 100%
• [ ] unbold header/footer (?)

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more). To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/vincentdoerig/latex-css/bugrywxm2 ✅ Preview: https://latex-css-git-better-tables.vincentdoerig.now.sh

[tiagofilipesilva]

How were the \LaTeX tables typset? With a default tabular environment?

[vincentdoerig]

Correct:

\begin{tabular}{@{}lll@{}} \toprule
    Header 1        & Header 2        & Header 3      \\ \midrule
    Description 1 & Description 2 & Description 3 \\
    Description 1 & Description 2 & Description 3 \\
    Description 1 & Description 2 & Description 3 \\ \midrule
    Footer 1      & Footer 2      & Footer 3      \\ \bottomrule 
\end{tabular}