Customizing your long table

Once you have uploaded your dataset into Datawrapper and selected the long table, you might want to work on its appearance. Let us show you how to make a beautiful chart in three simple steps.

Because it is tempting to create really big tables, here are the limitations of long tables: Keep in mind that the width of a table should not exceed certain limits, e.g. not have more than 5-7 columns. This is not a limitation of Datawrapper, but of the available width in a webpage and specifically the width of a mobile screen. Should you have that much information that 4-7 columns are not enough we would recommend to split your table in two or even three and focus on certain aspects in each of the tables. 

This guide will walk you through the steps necessary to create a long table as seen above.

1. Refine

The sorting options provide the option to sort the table yourself and thereby guide the reader or to support an angle of your story. As an alternative and specifically for very long tables you can select "Make column sortable". This will add interactivity and provides readers with an option to very quickly look up certain values and to explore the data that is available. 

In this case, our dataset has 50 rows. We select "Display content over multiple pages" so that the readers don't have to scroll and lose track of the data. With the content via multiple pages, Datawrapper will automatically add linked pages. 

By enabling "Show filter", you can add a search box. This searches all values or texts in the table. It's very fast. 

In the last step, we change the "Header color" to a more subtle blue.

See all these steps in action:

2. Annotate

In this tab, you can edit the titledescription (sub-title), and add notes. Make your data accessible and explorable by stating the source name and providing its URL.

3. Design

In this last step, you can select a preset layout and enable social sharing functions to spread your work. Click on " Publish" and you'll be directed to the "Publish & Embed" page.

The best way to use a Datawrapper chart is by embedding it directly in your website. To do that, click the big blue button that says " Embed chart on website". Then, copy & paste the embed code snippet into your website or CMS. You can also download your chart as a PNG or PDF by upgrading to a paid Single or Team account. Click here for more information on the different pricing plans of Datawrapper.

Still need help? Contact Us Contact Us