# Bringing two table widths into alignment

**URL:** <https://community.silverfin.com/t/bringing-two-table-widths-into-alignment/1805>\
**Category:** Templates\
**Created:** [June 2, 2020, 4:19pm UTC](https://community.silverfin.com/t/bringing-two-table-widths-into-alignment/1805 "2020-06-02T16:19:43Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jhanley](https://avatars.discourse-cdn.com/v4/letter/j/43a26b/32.png) [@jhanley](https://community.silverfin.com/u/jhanley)\
**Post date:** [June 2, 2020, 4:19pm UTC](https://community.silverfin.com/t/bringing-two-table-widths-into-alignment/1805/1 "2020-06-02T16:19:43Z")

</div>

Hi,

I have a table, where the first row is the following width:  
`|-1%-|--------71%--------|---12%----|:---8%--:|:--8%--:+ `

… And the second row is the following width:  
`|-1%-|----59%----|:-12%-:|---12%----|:---8%--:|:--8%--:+`

As you can see, the second column in the first row (72%) has been split out into two columns in the second row (60%/12%). I’d expect the full width of the second row’s columns to align with the first row; however, I seem to be having trouble with bringing this into alignment:

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/getsilverfin/original/2X/9/969378bfcedf348c031dbe4ff38d9169cbe02c71.png)

Is there something I’m missing from my code? I’ve tried one, two and three `{% newline %}`'s and a `<br>` between the two table parameters, but I can’t get the code to work as I’d expect:

> **Expand for code...**
>
> ```auto
> {% stripnewlines %}
> 
> {% assign question = 'Is this a question? ' %}
> {% assign question_2 = 'Enter date:' %}
> {% assign array_response = 'Yes' %}
> {% assign namespace = 'planning_test' %}
> 
> {% comment %}
> Table structure:
> |-Q#-|<Question>---------|<Response>|---------|<Check>|
> |----|<Question_2>|<Date>|<VC_File> |<VC_View>|<Check>| {% endcomment %}
>  
> {% newline %}{% newline %}
> |-1%-|--------71%--------|---12%----|:---8%--:|:--8%--:+ 
> {% newline %}
> |{% $1+ 1%} **{{ $1 | integer}}**
> |{{ question }}
> |{% input custom.[namespace].response as:select options:array_response %}
> |
> |{% if custom.[namespace].response <> blank %}
> {% assign check_ind = 0 %}
> {% unexplained check_ind as:indicator %}
> {% $2+ check_ind %}
> {% else %}
> {% assign check_ind = 1 %}
> {% unexplained check_ind as:indicator %}
> {% $2+ check_ind %}
> {% endif %}
>  
> {% if custom.[namespace].response <> blank %}
> {% newline %}{% newline %}
> |-1%-|---59%---|:12%-:|---12%----|:---8%--:|:--8%--:+
> {% newline %}
> |
> |{{ question_2 }}
> |{% input custom.[namespace].date as:date default:"" %}
> |{% input custom.[namespace].vc_link placeholder:"VC FileID" %}
> |{% if custom.[namespace].vc_link <> blank %} _[{% t "View" %}](vclink://{{ communication.vc_link }})_ {% endif %}
> |{% if custom.[namespace].date <> blank and custom.[namespace].vc_link <> blank %}
> {% assign check_ind = 0 %}
> {% unexplained check_ind as:indicator %}
> {% $2+ check_ind %}
> {% else %}
> {% assign check_ind = 1 %}
> {% unexplained check_ind as:indicator %}
> {% $2+ check_ind %}
> {% endif %}
> {% endif %}
> 
> {% endstripnewlines %}
> 
> ```

Thanks,  
Joe

---

<div class="post-metadata">

**Author:** ![Daria\_Bobukh](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.silverfin.com/daria_bobukh/32/1077_2.png) [@Daria\_Bobukh](https://community.silverfin.com/u/Daria_Bobukh)\
**Post date:** [June 3, 2020, 11:16am UTC](https://community.silverfin.com/t/bringing-two-table-widths-into-alignment/1805/2 "2020-06-03T11:16:25Z")

</div>

Hi @jhanley,

It looks like the problem with the code was that liquid didn’t recognise the following percentage `|:12%-:` as actual percentage from the second table structure ` |-1%-|---59%---|:12%-:|---12%----|:---8%--:|:--8%--:+`.

If you add a dash before 12% as you provided in your example `|-1%-|----59%----|:-12%-:|---12%----|:---8%--:|:--8%--:+` the problem gets fixed.

Hope you find it helpful. Feel free to ask any other questions.

Regards,  
Dasha

---

<div class="post-metadata">

**Author:** ![jhanley](https://avatars.discourse-cdn.com/v4/letter/j/43a26b/32.png) [@jhanley](https://community.silverfin.com/u/jhanley)\
**Post date:** [June 4, 2020, 7:43am UTC](https://community.silverfin.com/t/bringing-two-table-widths-into-alignment/1805/3 "2020-06-04T07:43:41Z")

</div>

Hi @Daria_Bobukh,

Thanks, this was the issue - it’s glaringly obvious once you’re aware!

Joe

---

<div class="post-metadata">

**Author:** ![sven](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.silverfin.com/sven/32/1495_2.png) [@sven](https://community.silverfin.com/u/sven)\
**Post date:** [June 17, 2020, 7:46am UTC](https://community.silverfin.com/t/bringing-two-table-widths-into-alignment/1805/4 "2020-06-17T07:46:21Z")

</div>

Closed on June 17, 2020, 7:46am UTC