Feature Request - Table Row's Border Customization about vue3-easy-data-table HOT 6 CLOSED

I am trying to achieve this...but I have encountered few issues like

1. A random row (without any content) added as the last row of the table (If row/records length <=3 ) (BUG detected)
2. I am not able to hide the header border.
3. I am not able to create a gap between rows in a table

This is my current table looks like

from vue3-easy-data-table.

@maksudur-rahman-maruf After the release of the new header-slot feature, I think this UI can be achieved, please wait for my notice.

from vue3-easy-data-table.

@maksudur-rahman-maruf Update to the latest version 1.2.25, and here is a reference: https://codesandbox.io/s/friendly-gwen-hqc370?file=/src/App.vue.

from vue3-easy-data-table.

Is there any way that We can Increase or Decrease the table row's border length

Do you mean border width？

Also Can We give some space between two rows?

Do you mean the padding or the row height?

from vue3-easy-data-table.

Is there any way that We can Increase or Decrease the table row's border length

Do you mean border width？
oh sorry actually I meant how can I increase/decrease table td height.

Also Can We give some space between two rows?

Do you mean the padding or the row height?
Actually I wanted to know...how do I create a gap between rows in a table? like this...

[===ROW===]
[===ROW===]
[===ROW===]
[===ROW===]

from vue3-easy-data-table.

@maksudur-rahman-maruf

gap between rows

Can you provide a capture with annotation or something else to make it more visually?

from vue3-easy-data-table.