File tree Expand file tree Collapse file tree
docs-src/components/vscode-table Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -9,6 +9,13 @@ component: vscode-table
99
1010# VscodeTable
1111
12+ ## Attributes
13+
14+ | Attribute | Type |
15+ | ------------| -----------|
16+ | ` bordered ` | ` Boolean ` |
17+ | ` zebra ` | ` Boolean ` |
18+
1219## Properties
1320
1421| Property | Attribute | Type | Default |
Original file line number Diff line number Diff line change @@ -7,6 +7,10 @@ component: vscode-table
77
88# VscodeTable
99
10+ ``` typescript
11+ import ' @bendera/vscode-webview-elements/dist/vscode-table' ;
12+ ```
13+
1014The Table component has a fixed header and resizable columns.
1115
1216All data in the examples are generated by [ faker.js] ( https://github.com/marak/Faker.js/ ) ,
@@ -492,7 +496,7 @@ any resemblance to real persons is coincidental.
492496</style >
493497<input type =" checkbox " id =" toggle-delayed-resizing " ><label for =" toggle-delayed-resizing " >Delayed resizing</label >
494498<component-preview >
495- <vscode-table class =" large-table-example " min-column-width =" 50 " bordered vsc-cloak >
499+ <vscode-table class =" large-table-example " min-column-width =" 100 " bordered vsc-cloak >
496500 <vscode-table-header slot="header">
497501 <vscode-table-header-cell>id</vscode-table-header-cell>
498502 <vscode-table-header-cell>firstname</vscode-table-header-cell>
Original file line number Diff line number Diff line change @@ -16,6 +16,10 @@ import {VscodeScrollable} from './vscode-scrollable';
1616import { VscodeTableCell } from './vscode-table-cell' ;
1717import { VscodeTableHeaderCell } from './vscode-table-header-cell' ;
1818
19+ /**
20+ * @attr {Boolean} zebra
21+ * @attr {Boolean} bordered
22+ */
1923@customElement ( 'vscode-table' )
2024export class VscodeTable extends LitElement {
2125 @property ( { reflect : true } )
You can’t perform that action at this time.
0 commit comments