Quantcast
Channel: Active questions tagged flexbox - Stack Overflow
Viewing all articles
Browse latest Browse all 1675

How to add spacing to a table using tailwind

$
0
0

I was trying to add space to the table but I was unable to do it. I have tried using space-x-, padding but I was not getting the output I was anticipated.

Link

<html><script src="https://cdn.tailwindcss.com"></script><table class="table-auto"><tr class="row space-x-3"><td class="col bg-blue-500">42.80</td><td class="col bg-blue-500">42.80</td><td class="col bg-blue-500">52.51</td><td class="col bg-blue-500">60.40</td><td class="col bg-blue-500">96.28</td><td class="col bg-blue-500">69.18</td><td class="col bg-blue-500">54.43</td><td class="col bg-blue-500">69.18</td><td class="col bg-blue-500">96.28</td><td class="col bg-blue-500">60.40</td></tr><tr class="row"><td class="col bg-blue-500">42.80</td><td class="col bg-blue-500">42.80</td><td class="col bg-blue-500">52.51</td><td class="col bg-blue-500">60.40</td><td class="col bg-blue-500">96.28</td><td class="col bg-blue-500">69.18</td><td class="col bg-blue-500">54.43</td><td class="col bg-blue-500">69.18</td><td class="col bg-blue-500">96.28</td><td class="col bg-blue-500">60.40</td></tr></table></html>

Expected output:
enter image description here


Viewing all articles
Browse latest Browse all 1675

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>