# Table display on mobile phone

**URL:** <https://talk.observablehq.com/t/table-display-on-mobile-phone/9505>\
**Category:** Help\
**Created:** [July 16, 2024, 5:09am UTC](https://talk.observablehq.com/t/table-display-on-mobile-phone/9505 "2024-07-16T05:09:23Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![pac02](https://avatars.discourse-cdn.com/v4/letter/p/a3d4f5/32.png) [@pac02](https://talk.observablehq.com/u/pac02)\
**Post date:** [July 16, 2024, 5:09am UTC](https://talk.observablehq.com/t/table-display-on-mobile-phone/9505/1 "2024-07-16T05:09:23Z")

</div>

I’m looking for a good solution to display tables with a few columns and a large number of rows. I need to have something that is readable for people with a mobile phone device.

I look at 3 different options here [HTML Tables / PAC | Observable](https://observablehq.com/@pac02/html-tables)

Raw html is the best solution but it’s very boring to write all the code each time you want to display a table.

Do you have any better option?

---

<div class="post-metadata">

**Author:** ![mootari](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mootari/32/581_2.png) [@mootari](https://talk.observablehq.com/u/mootari)\
**Post date:** [July 16, 2024, 9:59am UTC](https://talk.observablehq.com/t/table-display-on-mobile-phone/9505/2 "2024-07-16T09:59:49Z")

</div>

> Inputs.table
> 
> - 👎 tables width is limited by screen without any adapation

Please take a look at [the documentation](https://github.com/observablehq/inputs?tab=readme-ov-file#table). You simply need to change the table layout to “auto”:

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/observablehq/original/2X/c/cab34a1b255eee9e06819d0e0d8e82f4279e8f7c.png)

---

<div class="post-metadata">

**Author:** ![pac02](https://avatars.discourse-cdn.com/v4/letter/p/a3d4f5/32.png) [@pac02](https://talk.observablehq.com/u/pac02)\
**Post date:** [July 16, 2024, 7:19pm UTC](https://talk.observablehq.com/t/table-display-on-mobile-phone/9505/3 "2024-07-16T19:19:45Z")

</div>

Thank you.
