Beyond LaTeX responsive tables

Sometimes tables are too wide to fit in a small device display. This is because the table is required to display all the content of the columns in every row and align all of it. To avoid this issue, which happens typically on mobile, an alternative layout is chosen for small displays : each row is rendered as a separate block. Each block has several rows, where each row displays the name of the table entry, and then its value. Instead of having a big table, you essentially have a list of key/value pairs.

The images below show the same table on desktop and mobile :

desktop table

mobile table


Tags
Year

Year / Month

Authors

Index
Archive