Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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

Issue Analytics

State:
Created 2 years ago
Comments:11 (2 by maintainers)

Top GitHub Comments

1reaction

adil-portablecommented, Dec 10, 2021

@holuborhee

0reactions

adil-portablecommented, Jan 12, 2022

@holuborhee thanks @KaelWD I have pointed the branch to this repo https://github.com/vuetifyjs/vuetify/pull/14593 please review the PR. As you have mentioned “We don’t recommend working on feature requests that haven’t been accepted yet as it may not be merged”. If you think the work I have done is good to go please merge or update me if you think the requested feature is not required.

I look forward to hearing from you soon.

Thanks

Top Results From Across the Web

Using CSS to style data table to remove borders and change ...

I right-clicked on the table in Chrome and clicked "Inspect" to locate the styles you were trying to override. table.v-table tbody td {...

[Feature Request] Built-in design customization of data table ...

I have implemented a makeshift version of this by tweaking the v-datatable__expand-row class and creating a selected-row class that I toggle on ...

v-data-table API - Vuetify

Vuetify is a Material Design component framework for Vue.js. It aims to provide all the tools necessary to create beautiful content rich applications....

<tr>: The Table Row element - HTML - MDN Web Docs - Mozilla

The HTML element defines a row of cells in a table. The row's cells can then be established using a mix of (data...

Table | Quasar Framework

Dessert (100g serving) Calories Fat (g) Carbs (g) Protein (g) Sodium (mg) Ca... Index: 4994 Cupcake 305 3.7 67 4.3 413 3% Index: 4995 Gingerbread...