Permalink
Browse files

feat(table): add outlined option (#1355)

  • Loading branch information...
tmorehouse authored and pi0 committed Nov 17, 2017
1 parent c08b815 commit 7ba183efbbc964a529a834e2741b9ef01b4e2594
Showing with 6 additions and 0 deletions.
  1. +1 −0 src/components/table/README.md
  2. +5 −0 src/components/table/table.vue
@@ -288,6 +288,7 @@ fields: [
| ---- | -----------
| `striped` | Add zebra-striping to the table rows within the `<tbody>`
| `bordered` | For borders on all sides of the table and cells.
| `outlined` | For a border on all sides of the table.
| `small` | To make tables more compact by cutting cell padding in half.
| `hover` | To enable a hover highlighting state on table rows within a `<tbody>`
| `dark` | Invert the colors — with light text on dark backgrounds (equivalent to Bootstrap V4 class `.table-dark`)
@@ -385,6 +385,10 @@
type: Boolean,
default: false
},
outlined: {
type: Boolean,
default: false
},
dark: {
type: Boolean,
default() {
@@ -580,6 +584,7 @@
this.hover ? 'table-hover' : '',
this.dark ? 'table-dark' : '',
this.bordered ? 'table-bordered' : '',
this.outlined ? 'bordered' : '',
responsive === true ? 'table-responsive' : (Boolean(responsive) ? `table-responsive-${responsive}` : ''),
this.fixed ? 'table-fixed' : '',
this.small ? 'table-sm' : ''

0 comments on commit 7ba183e

Please sign in to comment.