Add default css

table.css

@@ -0,0 +1,87 @@
+thead {
+    background: hsl(0, 0%, 90%);
+}
+
+th {
+    border-left: 1px solid hsl(0, 0%, 16%);
+    border-bottom: 1px solid hsl(0, 0%, 16%);
+    border-right: 1px solid hsl(0, 0%, 16%);
+    /*padding: 5px;*/
+    width: 1%;
+}
+
+table {
+    font-family: "inter", sans-serif;
+    border-collapse: collapse;
+}
+
+.table-div {
+    /*width: 50%;*/
+}
+
+.row-id {
+    font-weight: bold;
+
+    border-bottom: 1px solid hsl(0, 0%, 16%);
+    border-right: 1px solid hsl(0, 0%, 16%);
+}
+
+tr:nth-child(even) {
+    background: hsl(210, 100%, 96.08%)
+}
+
+table th:first-of-type,
+table td:first-of-type {
+    border-left: 0;
+}
+
+table th:last-of-type,
+table td:last-of-type {
+    border-right: 0;
+}
+
+table th:first-of-type { /*add border radius to top left of table*/
+    border-top-left-radius: 7px;
+}
+
+table th:last-of-type { /*add border radius to top right of table*/
+    border-top-right-radius: 7px;
+}
+
+table td {
+    padding-left: 5px;
+    padding-right: 5px;
+    border-right: 1px solid #737373;
+    border-left: 1px solid darkgrey;
+}
+
+td input[type=checkbox] {
+    color: #0c2d4a;
+}
+
+.table-cell-boolean {
+    text-align: center;
+}
+
+.table-cell-boolean-true {
+    color: green;
+}
+
+.table-cell-boolean-false {
+    color: red;
+}
+
+.table-cell-number {
+    text-align: right;
+}
+
+.table-cell-datetime {
+    text-align: right;
+    /*width: 20ch;*/
+    /*padding-left: 2ch;*/
+    white-space: normal;
+    min-width: 0;
+    /*font-family: monospace;*/
+    max-width: 14ch
+
+}