vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 08:52:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

Use Badge as inner component in Tables

Browse source
This commit is contained in:
tugcekucukoglu 2024-05-13 13:08:24 +03:00
parent 5e9fe6c22e
commit db09d00a43
7 changed files with 16 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/lib/datatable/style/DataTableStyle.d.ts vendored
View file

@ -22,7 +22,7 @@ export enum DataTableClasses {
columnHeaderContent = 'p-datatable-column-header-content',
columnTitle = 'p-datatable-column-title',
sortIcon = 'p-datatable-sort-icon',
sortBadge = 'p-datatable-sort-badge',
pcSortBadge = 'p-datatable-sort-badge',
filter = 'p-datatable-filter',
filterElementContainer = 'p-datatable-filter-element-container',
pcColumnFilterButton = 'p-datatable-column-filter-button',

6
components/lib/datatable/style/DataTableStyle.js
View file

@ -27,11 +27,9 @@ const theme = ({ dt }) => `
transition: color ${dt('transition.duration')};
}
.p-datatable-sort-badge {
.p-datatable-sort-badge.p-badge {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
height: 1rem;
min-width: 1rem;
line-height: 1rem;
@ -625,7 +623,7 @@ const classes = {
columnHeaderContent: 'p-datatable-column-header-content',
columnTitle: 'p-datatable-column-title',
sortIcon: 'p-datatable-sort-icon',
sortBadge: 'p-datatable-sort-badge',
pcSortBadge: 'p-datatable-sort-badge',
filter: ({ props }) => [
'p-datatable-filter',
{