# Table width - force to be 100%

**URL:** <https://community.evolveauthoring.com/t/table-width-force-to-be-100/1095>\
**Category:** General Help\
**Tags:** component\
**Created:** [April 7, 2021, 1:29pm UTC](https://community.evolveauthoring.com/t/table-width-force-to-be-100/1095 "2021-04-07T13:29:37Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![BarryBPS](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/barrybps/32/540_2.png) [@BarryBPS](https://community.evolveauthoring.com/u/BarryBPS)\
**Post date:** [April 7, 2021, 1:29pm UTC](https://community.evolveauthoring.com/t/table-width-force-to-be-100/1095/1 "2021-04-07T13:29:37Z")

</div>

Hi all,

I don’t think this is possible, but does anyone know of a trick to make tables span 100% width of the screen? In most cases, this seems automatic, but for some tables, the width is only as wide as the text in the columns.

I have used a Flowchart component and added 1 table row in each item so you can see the table building up when you click the Next/Arrow button.

But randomly, not all table rows span the width of the screens, especially on an iPhone.

Thanks in advance.

Barry

---

<div class="post-metadata">

**Author:** ![hbailey](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/hbailey/32/603_2.png) [@hbailey](https://community.evolveauthoring.com/u/hbailey)\
**Post date:** [April 7, 2021, 2:50pm UTC](https://community.evolveauthoring.com/t/table-width-force-to-be-100/1095/2 "2021-04-07T14:50:25Z")

</div>

Hmmm I don’t think there would be in your use case (I was going to suggest the Table component but they don’t go into flowcharts!)

That said - my quick test seems to have flowchart tables looking all 100%. Do you have a custom theme or article styles on the area?

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/1X/4ae5bbdd9102c36cb6f87d45bff71ed827a6cb23.png)

---

<div class="post-metadata">

**Author:** ![BarryBPS](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/barrybps/32/540_2.png) [@BarryBPS](https://community.evolveauthoring.com/u/BarryBPS)\
**Post date:** [April 7, 2021, 3:34pm UTC](https://community.evolveauthoring.com/t/table-width-force-to-be-100/1095/3 "2021-04-07T15:34:56Z")

</div>

Thanks Helen.

That’s the odd thing. They automatically stretch 100% width for desktop, but randomly do not on an iPhone.

I’ve just realised I said ‘not all table rows span the width of the screens’, but I should have been clearer, as this issue is on an iPhone.

Thanks.

---

<div class="post-metadata">

**Author:** ![hbailey](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/hbailey/32/603_2.png) [@hbailey](https://community.evolveauthoring.com/u/hbailey)\
**Post date:** [April 7, 2021, 4:31pm UTC](https://community.evolveauthoring.com/t/table-width-force-to-be-100/1095/4 "2021-04-07T16:31:42Z")

</div>

Darn I don’t have an iPhone. It’s safari browser though I guess?

I’ll see if I can get someone with an iPhone to test it.

---

<div class="post-metadata">

**Author:** ![BarryBPS](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/barrybps/32/540_2.png) [@BarryBPS](https://community.evolveauthoring.com/u/BarryBPS)\
**Post date:** [April 7, 2021, 4:39pm UTC](https://community.evolveauthoring.com/t/table-width-force-to-be-100/1095/5 "2021-04-07T16:39:51Z")

</div>

Thanks.

I’ve suggested to my client that we simply add all the rows to a single table, but they like the rest of the interaction.

---

<div class="post-metadata">

**Author:** ![hbailey](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/hbailey/32/603_2.png) [@hbailey](https://community.evolveauthoring.com/u/hbailey)\
**Post date:** [April 8, 2021, 7:56am UTC](https://community.evolveauthoring.com/t/table-width-force-to-be-100/1095/6 "2021-04-08T07:56:15Z")

</div>

Hi Barry - can you message me a link to the course?