vuetifyjs/vuetify

[Feature Request] Borderd option for tabels .

Open

#10083 opened on Dec 31, 2019

View on GitHub
 (0 comments) (0 reactions) (1 assignee)TypeScript (40,995 stars) (7,139 forks)batch import
C: VDataTableT: featuregood first issue

Description

Problem to solve

With Borderd style, tables have a better display.

could this be part of a future implementation plan?

example link

Contributor guide

Tech stack
vuetypescripthtmlcss
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Vue.jsVuetify component structureCSS styling
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
30
Research direction
The issue requests adding a 'bordered' option to Vuetify's table component. The repository has an assignee (1), so the issue may already be claimed. To implement, examine the VTable component (likely in packages/vuetify/src/components/VTable/) and see how other boolean props like 'dense' or 'fixed header' are handled. The provided codepen example shows a CSS based bordered table. This is a localized feature that could be added as a prop that toggles a CSS class. No comments or PRs exist, so maintainer input may be needed if the assignee is active.