@vuesax-alpha/nightly/theme-chalk/vs-table.css

A Component Library for Vue 3

.vs-table{--vs-color:var(--vs-bg-color);width:100%;font-size:.9rem;margin:0;overflow:auto}.vs-table table{margin:0;border-collapse:collapse;width:100%;min-width:500px;border:0}.vs-table.is-striped .vs-table-tr:nth-child(2n){background:rgba(var(--vs-gray-1),1)!important}.vs-table.is-selected-value tr{cursor:pointer}.vs-table.is-multiple-selected .vs-table-td{border-radius:0!important}.vs-table__not-found{display:none;padding:20px;text-align:center;width:100%}.vs-table__not-found tr{text-align:center}.vs-table__not-found tr td{padding:20px;border:0}.vs-table__tbody:empty{display:none;background:#000}.vs-table__tbody:empty~.vs-table__not-found{display:table-row-group}.vs-table__thead{width:100%}.vs-table__thead .vs-table-th{background:rgba(var(--vs-gray-2),1)}.vs-table__thead .vs-table-th:first-child{border-radius:14px 0 0 0}.vs-table__thead .vs-table-th:last-child{border-radius:0 14px 0 0}.vs-table__footer{padding:8px 10px;background:rgba(var(--vs-gray-2),1);border-radius:0 0 14px 14px}.vs-table-wrapper{width:100%;border-radius:16px}.vs-table-wrapper__header{width:100%;padding:10px;background:rgba(var(--vs-gray-2),1);border-radius:14px 14px 0 0}.vs-table-wrapper__header~.vs-table .vs-table-th:first-child{border-radius:0}.vs-table-wrapper__header~.vs-table .vs-table-th:last-child{border-radius:0}