diff --git a/src/components/tableaux/TableRenderer.vue b/src/components/tableaux/TableRenderer.vue
index 592b8c7..31100cf 100644
--- a/src/components/tableaux/TableRenderer.vue
+++ b/src/components/tableaux/TableRenderer.vue
@@ -3,6 +3,7 @@ import { computed, reactive, onMounted } from "vue";
import PaginatedFilteredTable from "@/utils/tables/PaginatedFilteredTable";
import type { TableField, TableItem } from "@/utils/tables/types";
import type { PropType } from "vue";
+import PageList from "./pagination/PageList.vue";
const props = defineProps({
fields: {
@@ -53,12 +54,8 @@ const getTotalPage = computed(() => {
return table?.pageNumber;
});
-function canGo(rel: number) {
- return table?.canGo(rel);
-}
-
-function go(rel: number) {
- table?.go(rel);
+function goTo(page: number) {
+ table.currentPage = page - 1;
}
@@ -94,29 +91,12 @@ function go(rel: number) {
-
-
-
- Page {{ currentPage + 1 }} / {{ getTotalPage + 1 }}
-
-
-
-
-
-
-
+
diff --git a/src/components/tableaux/pagination/ElipsisPageButton.vue b/src/components/tableaux/pagination/ElipsisPageButton.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/tableaux/pagination/PageButton.vue b/src/components/tableaux/pagination/PageButton.vue
new file mode 100644
index 0000000..77d0b0d
--- /dev/null
+++ b/src/components/tableaux/pagination/PageButton.vue
@@ -0,0 +1,22 @@
+
+
+
+
+
diff --git a/src/components/tableaux/pagination/PageList.vue b/src/components/tableaux/pagination/PageList.vue
new file mode 100644
index 0000000..7439855
--- /dev/null
+++ b/src/components/tableaux/pagination/PageList.vue
@@ -0,0 +1,149 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/styles/mixins/_btns.scss b/src/styles/mixins/_btns.scss
index 46e25e2..715491f 100644
--- a/src/styles/mixins/_btns.scss
+++ b/src/styles/mixins/_btns.scss
@@ -19,9 +19,6 @@
@mixin button-hover() {
transition: background-color .2s, border .2s, box-shadow .2s, color .2s;
- &:hover, &:active, &:focus {
- background-color:transparent;
- }
&:focus {
outline: none;