vs-datatable 1.2.2 → 1.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vs-datatable",
3
- "version": "1.2.2",
3
+ "version": "1.2.3",
4
4
  "description": "A lightweight Vue 3 datatable component with sorting, slots, and nested object support.",
5
5
  "type": "module",
6
6
  "private": false,
@@ -21,6 +21,8 @@
21
21
  --vs-table-border: #dee2e6;
22
22
  --vs-table-header-bg: #f8f9fa;
23
23
  --vs-table-header-color: #495057;
24
+ --vs-table-footer-bg: #f8f9fa;
25
+ --vs-table-footer-color: #495057;
24
26
  --vs-table-hover-bg: #f5f5f5;
25
27
  --vs-table-stripe-bg: #fafafa;
26
28
 
@@ -627,6 +629,10 @@
627
629
  }
628
630
  }
629
631
 
632
+ tfoot {
633
+ background-color: var(--vs-table-bg);
634
+ }
635
+
630
636
  .vs-expand-column {
631
637
  width: 2px;
632
638
  border-right: 1px solid var(--vs-border-color, #e5e7eb);
@@ -672,6 +678,13 @@
672
678
  // display: none;
673
679
  // }
674
680
 
681
+ .vs-table-pagination {
682
+ display: flex;
683
+ align-items: center;
684
+ justify-content: space-between;
685
+ padding: var(--vs-spacing-sm) 0;
686
+ }
687
+
675
688
  /* Sortable Headers */
676
689
  .vs-sortable {
677
690
  cursor: pointer;
@@ -957,7 +970,7 @@
957
970
  }
958
971
  }
959
972
 
960
- .vs-footer-left {
973
+ .vs-pagination-left {
961
974
  display: flex;
962
975
  align-items: center;
963
976
  gap: 12px; /* spacing between items */
@@ -1242,7 +1255,7 @@
1242
1255
  }
1243
1256
 
1244
1257
  .vs-sticky-header-wrapper thead th {
1245
- background: var(--vs-table-bg, #fff);
1258
+ background: var(--vs-table-header-bg, #fff);
1246
1259
  position: sticky;
1247
1260
  top: 0;
1248
1261
  // z-index: 2;