How can I merge two tables into one?

namet
Tourist
11 0 0

 

Since I have this code below which is the information on the 2nd table is just plain text it's not information in a product information as a 1st table, So I want to make it visible on the same table.

FA10A9E6-BC79-4BFD-9FE3-B108B7F63EBF.png

 

<table align="center"><tr><td>
<table border="1">
  <tr>
    <th>No.</th>
    <th>Product SKU</th>
    <th>Product Name</th>
    <th>Price</th>
  </tr>
  {% for product in collection.products %}
  <tr>
    <td>{{ forloop.index }}</td>
    <td><a style="text-decoration: none;color: black;" href="{{ product.url }}">{{ product.sku }}{{ product.selected_or_first_available_variant.sku }}</a></td>
    <td><a style="text-decoration: none;color: black;" href="{{ product.url }}">{{ product.title }}</a></td>
    <td>{{ product.price }}</td>
  </tr>
  {% endfor %}
</table>

</td><td>
<table border="1">
  <tr>
    <th>QTY.</th>
    <th>REMARKS</th>
  </tr>
  <tr>
    <td>1</td>
    <td>OPT</td>
  </tr>
  <tr>
    <td>1</td>
    <td>NOT ILLUSTRATED</td>
  </tr>
  <tr>
    <td>1</td>
    <td>NOT ILLUSTRATED</td>
  </tr>
  <tr>
    <td>1</td>
    <td>NOT ILLUSTRATED</td>
  </tr>
  <tr>
    <td>1</td>
    <td>NOT ILLUSTRATED</td>
  </tr>
  <tr>
    <td>1</td>
    <td>NOT ILLUSTRATED</td>
  </tr>
  <tr>
    <td>1</td>
    <td>NOT ILLUSTRATED</td>
  </tr>
  <tr>
    <td>1</td>
    <td>NOT ILLUSTRATED</td>
  </tr>
  <tr>
    <td>1</td>
    <td>NOT ILLUSTRATED</td>
  </tr>
  <tr>
    <td>1</td>
    <td>NOT ILLUSTRATED</td>
  </tr>
  <tr>
    <td>1</td>
    <td>NOT ILLUSTRATED</td>
  </tr>
  <tr>
    <td>1</td>
    <td>NOT ILLUSTRATED</td>
  </tr>

</table>
</td></tr></table>

 

 

Replies 2 (2)

made4Uo
Shopify Partner
3821 716 1148

Hi @namet 

 

You use flex box. Please provide your website or link to where the table is, so we can provide a code appropriate for you

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
namet
Tourist
11 0 0

Hi @made4Uo  Thanks for your reply. Here’s a link Click .