Cellule-financiere-transverse-PMO/visua-vue
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ feature: Data table component updated

Browse Source
This commit is contained in:
Paul Valerie GOMA 2025-08-11 19:27:21 +02:00
parent 9e3067627c
commit b06accb14f
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/table/VDataTable.vue
View File

@ -419,27 +419,28 @@ watch(localEditingRows, (newVal) => {
<template #empty> <template #empty>
<div class="datatable-empty" :class="[styles['text-body-SM-detail-text-Regular']]"> <div class="datatable-empty" :class="[styles['text-body-SM-detail-text-Regular']]">
<i class="ri-database-line database-icon"></i> <i class="ri-database-line database-icon"></i>
<p> Aucune donnée trouvée. </p> <span> Aucune donnée trouvée. </span>
</div> </div>
</template> </template>
</DataTable> </DataTable>
</template> </template>
<style lang="css" scoped> <style lang="css" scoped>
.p-datatable{
box-sizing: border-box;
}
.datatable-empty{ .datatable-empty{
height: fit-content;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin-top: 1rem; box-sizing: border-box;
gap: 1.5rem; gap: 1.5rem;
margin-top: 1.5rem;
} }
.database-icon{ .database-icon{
font-size: 5rem; padding: 0px;
margin: 0px;
display: block;
color: var(--border-contrast-grey); color: var(--border-contrast-grey);
font-size: 5rem;
} }
</style> </style>