fix/htable styling

[ninetteadhikari]

What is the Purpose?

Updates to h-table component:

• Add table ref as prop
• Add spacing between rows
• Remove extraline from bottom of the table when there is data
• Add story for empty table (where styling has a line at the end of the table)
• Upgrade version to 0.1.58-alpha2

What was the approach?

CSS updates

Are there any concerns to addressed further before or after merging this PR?

None

Mentions?

@andrewtpham

Issue(s) affected?

None

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/hikaya/vue-ui-components/CXj6DSqLZTCT8FVP4JNAcM2Coy5T
✅ Preview: https://vue-ui-components-git-fix-htable-styling-hikaya.vercel.app

[andrewtpham]

@ninetteadhikari it looks like the h-empty-table component preview is broken: https://vue-ui-components-git-fix-htable-styling-hikaya.vercel.app/?path=/story/table--h-empty-table

[andrewtpham]

@ninetteadhikari Is this the line that should be removed? I can see it under the h-table-empty in the latest preview: https://vue-ui-components-bbgqp48ih-hikaya.vercel.app/?path=/story/table--h-empty-table

[ninetteadhikari]

@ninetteadhikari Is this the line that should be removed? I can see it under the h-table-empty in the latest preview: https://vue-ui-components-bbgqp48ih-hikaya.vercel.app/?path=/story/table--h-empty-table

Ah no this line remains. The line is removed for h-table when there is data and the line remains when the table is empty. Let me know if this is ok this way