---
title: "Making Tables Scroll When They're Too Wide for the Page"
description: "Gotta show a lot of data at once? Tables are a great fit. Except if you end up with a lotta data in your table, it might go off the page. Here's how to make the tables scroll."
url: "https://support.helpdocs.io/article/whaSdlngT2-making-tables-scroll-when-theyre-too-wide-for-the-page"
category: "Code Snippets"
updated_at: "2020-07-06T09:53:57Z"
---

# Making Tables Scroll When They're Too Wide for the Page

Gotta show a lot of data at once? Tables are a great fit. Except if you end up with a lotta data in your table, it might go off the page.

Fear not. Paste this Javascript into **Settings** &gt; [**Code**](https://my.helpdocs.io/app/settings?tab=code) &gt; **Javascript** and we'll make your tables scroll instead:

```javascript
<script>    (function() {        $(function() {            $('table').addClass('table').addClass('table-responsive').attr('border', 0);        });    })();</script>
```

You'll need a [HelpDocs plan](https://www.helpdocs.io/pricing) with **Custom Javascript** to see the **Javascript** tab in **Settings** &gt; **Code**
