[Feature Request] Prop to remove border for v-data-table row

[holuborhee]

Problem to solve

When using a v-data-table to render data, it comes with a default border at the top and bottom of each row. There should be an easy way for users to do away with these borders.

Proposed solution

Create a prop no-row-border for users to remove the border willingly. The prop should not remove border from the footer and header, there should another prop to achieve that, preferably no-header-border and no-footer-border

[adil-portable]

@johnleider @KaelWD @vuetifyjs
Hi, My name is Muhammad Adil Khan. I work for Portable, Australia and our goal is to contribute to open source projects on Github. My team and I would like to contribute to this project. Please let us know if we can work on this change request and would like to work on other tickets as well.

I look forward to hearing from you soon.

Thanks,
Adil

[adil-portable]

@holuborhee I looked into the code and its more like CSS thing. We normally override the existing CSS with custom CSS to get the require result.

[holuborhee]

@holuborhee I looked into the code and its more like CSS thing. We normally override the existing CSS with custom CSS to get the require result.

Yeah, it is possible to use custom CSS, and I've always resolved to use that. However, I still think having a prop for this common behavior makes for easier customization and a better experience for the developer.

[johnleider]

@nekosaur thoughts on this? #14412 (comment)

[adil-portable]

@johnleider @KaelWD @nekosaur

Hi, I have created a pull request but unable to assign to anyone in your team. Could you please have a look to my PR?
We are from Portable, Australia and worked as a team on this ticket and would like to contribute on other tickets as well.
I look forward to hearing from you soon.

[adil-portable]

@holuborhee

[adil-portable]

@johnleider @KaelWD @nekosaur It has been 2 week since I submitted the PR. Could you please review it?
Thanks and best regards,
Adil