adminforth 2.17.0-next.51 → 2.17.0-next.52

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.
@@ -1,8 +1,7 @@
1
1
  <template>
2
- <div class="afcl-table-container relative overflow-x-auto shadow-md rounded-lg">
3
- <div class="overflow-x-auto w-full">
2
+ <div class="afcl-table-container relative overflow-x-auto overflow-y-auto shadow-md rounded-lg">
4
3
  <table class="afcl-table w-full text-sm text-left rtl:text-right text-lightTableText dark:text-darkTableText overflow-x-auto">
5
- <thead class="afcl-table-thread text-xs text-lightTableHeadingText uppercase bg-lightTableHeadingBackground dark:bg-darkTableHeadingBackground dark:text-darkTableHeadingText">
4
+ <thead class="afcl-table-thread text-xs text-lightTableHeadingText uppercase bg-lightTableHeadingBackground dark:bg-darkTableHeadingBackground dark:text-darkTableHeadingText" :class="makeHeaderSticky ? 'sticky top-0' : ''">
6
5
  <tr>
7
6
  <th
8
7
  scope="col"
@@ -79,10 +78,11 @@
79
78
  </tr>
80
79
  </tbody>
81
80
  </table>
82
- </div>
83
81
  <nav class="afcl-table-pagination-container bg-lightTableBackground dark:bg-darkTableBackground mt-2 flex flex-col gap-2 items-center sm:flex-row justify-center sm:justify-between px-4 pb-4"
84
82
  v-if="totalPages > 1"
85
- :aria-label="$t('Table navigation')">
83
+ :aria-label="$t('Table navigation')"
84
+ :class="makePaginationSticky ? 'sticky bottom-0' : ''"
85
+ >
86
86
  <i18n-t
87
87
  keypath="Showing {from} to {to} of {total}" tag="span" class="afcl-table-pagination-text text-sm font-normal text-center text-lightTablePaginationText dark:text-darkTablePaginationText sm:mb-4 md:mb-0 block w-full md:inline md:w-auto"
88
88
  >
@@ -169,6 +169,8 @@
169
169
  isLoading?: boolean,
170
170
  defaultSortField?: string,
171
171
  defaultSortDirection?: 'asc' | 'desc',
172
+ makeHeaderSticky?: boolean,
173
+ makePaginationSticky?: boolean,
172
174
  }>(), {
173
175
  evenHighlights: true,
174
176
  pageSize: 5,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adminforth",
3
- "version": "2.17.0-next.51",
3
+ "version": "2.17.0-next.52",
4
4
  "description": "OpenSource Vue3 powered forth-generation admin panel",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",