diff --git a/data-table.js b/data-table.js index 42eefd4..63bc485 100644 --- a/data-table.js +++ b/data-table.js @@ -31,6 +31,26 @@ class DataTable extends IgniteElement { super(); } + get styles() { + return /*css*/` + bt-data-table table thead th:first-child { + border-top-left-radius: var(--bs-border-radius); + } + + bt-data-table table thead th:last-child { + border-top-right-radius: var(--bs-border-radius); + } + + bt-data-table table tbody tr:last-child td:first-child { + border-bottom-left-radius: var(--bs-border-radius); + } + + bt-data-table table tbody tr:last-child td:last-child { + border-bottom-right-radius: var(--bs-border-radius); + } + `; + } + get properties() { return { columns: [], @@ -128,7 +148,7 @@ class DataTable extends IgniteElement { ), //Rows - new div().class("table-responsive rounded-2 mb-3").child( + new div().class("mb-3").child( new table().class("table table-striped align-middle mb-0 table-borderless").child( //Table columns new thead().class("table-dark").child(