Started implementing vPaginator

src/components/Employees/EmployeesSimpleSearch.vue

@@ -17,11 +17,12 @@
                 {{item}}
             </label>
         </li>
+        <li v-show="unionColumns.length === 0">
+            <h6 class="dropdown-header">Keine Spalten auswählbar.</h6>
+        </li>
     </ul>
 </div>
 
-{{ unionColumns }}
-
 </template>
 
 <script setup lang="ts">

src/components/VPaginator.vue

@@ -0,0 +1,33 @@
+<template>
+
+<nav aria-label="Page navigation">
+    <ul class="pagination">
+        <li class="page-item">
+            <button class="page-link text-secondary">
+                <i class="bi bi-arrow-left" />
+                Zurück
+            </button>
+        </li>
+
+        <li class="page-item">
+            <button class="page-link text-secondary">
+                Weiter
+                <i class="bi bi-arrow-right" />
+            </button>
+        </li>
+    </ul>
+</nav>
+
+</template>
+
+<script setup lang="ts">
+
+import { useEmployees } from '@/stores/employees'
+
+const store = useEmployees()
+
+</script>
+
+<style scoped>
+
+</style>

src/views/Employees/Index.vue

@@ -24,11 +24,16 @@
 
 </table>
 
+<h5 v-show="rows.length === 0" class="text-muted">Keine Daten anzuzeigen...</h5>
+
+<VPaginator />
+
 </template>
 
 <script setup lang="ts">
 
 import EmployeesSimpleSearch from '@/components/Employees/EmployeesSimpleSearch.vue';
+import VPaginator from '@/components/VPaginator.vue';
 import { onMounted, reactive, computed } from 'vue'
 import { useRouter } from 'vue-router'
 import { storeToRefs } from 'pinia'
@@ -67,9 +72,6 @@ const iconSort = computed(() => {
 </script>
 
 <style scoped>
-table {
-    /* table-layout: fixed; */
-}
 
 table thead tr:first-child th:first-child {
     width: 51px;