docs more

Author: Templarian

src/pg/table/README.md

@@ -21,6 +21,12 @@ import PgTable, { createTableItem } from '@pictogrammers/components/pg/table';
 | columns    |          | []      | Column definition. |
 | data       |          | []      | Data |
 
+| CSS Variable        | Default   | Description |
+| ------------------- | --------- | ----------- |
+| `--pg-tree-font-size`  | `inherit` | Font size |
+| `--pg-tree-border-color`  | `3rem`  | Width       |
+| `--pg-avatar-height` | `3rem`  | Height      |
+
 ## Columns
 
 ```typescript
@@ -87,4 +93,4 @@ this.dispatchEvent(new CustomEvent('action', {
     other: 'new value',
   },
 }))
-```
+```

src/pg/table/table.css

@@ -5,7 +5,6 @@
 
 [part=table] {
   display: table;
-  border-spacing: 0;
 }
 
 [part=header] {

src/pg/tableCellText/tableCellText.css

@@ -4,4 +4,8 @@
 
 [part=label] {
   display: table-cell;
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--pg-table-border-color, #453C4F);
+  padding: 0.125rem 0.5rem;
 }

src/pg/tableColumn/tableColumn.css

@@ -2,6 +2,22 @@
   display: contents;
 }
 
+:host(:first-child) [part=label] {
+  border-top-left-radius: 0.25rem;
+}
+
+:host(:last-child) [part=label] {
+  border-top-right-radius: 0.25rem;
+}
+
+:host(:not(:first-child)) [part=label] {
+  border-left: 0;
+}
+
 [part=label] {
   display: table-cell;
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--pg-table-border-color, #453C4F);
+  padding: 0.125rem 0.5rem;
 }