Fix #5597: TreeTable body align (#5598)

primefaces · Dec 13, 2023 · a82ba1e · a82ba1e
1 parent 7ceda37
commit a82ba1e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/components/lib/treetable/TreeTableBase.js b/components/lib/treetable/TreeTableBase.js
@@ -187,10 +187,11 @@ const classes = {
     tbody: 'p-treetable-tbody',
     tfoot: 'p-treetable-tfoot',
     emptyMessage: 'p-treetable-emptymessage',
-    bodyCell: ({ bodyProps: props, editingState }) =>
+    bodyCell: ({ bodyProps: props, editingState, align }) =>
         classNames({
             'p-editable-column': props.editor,
-            'p-cell-editing': props.editor ? editingState : false
+            'p-cell-editing': props.editor ? editingState : false,
+            [`p-align-${align}`]: !!align
         }),
     sortBadge: 'p-sortable-column-badge',
     headerTitle: 'p-column-title',

diff --git a/components/lib/treetable/TreeTableBodyCell.js b/components/lib/treetable/TreeTableBodyCell.js
@@ -226,10 +226,11 @@ export const TreeTableBodyCell = (props) => {
             <span {...editorKeyHelperLabelProps}></span>
         </a>
     );
+    const align = getColumnProp('align');
     /* eslint-enable */
     const bodyCellProps = mergeProps(
         {
-            className: classNames(bodyClassName || props.className, cx('bodyCell', { bodyProps: props, editingState })),
+            className: classNames(bodyClassName || props.className, cx('bodyCell', { bodyProps: props, editingState, align })),
             style,
             onClick: (e) => onClick(e),
             onKeyDown: (e) => onKeyDown(e)

diff --git a/components/lib/treetable/TreeTableHeader.js b/components/lib/treetable/TreeTableHeader.js
@@ -284,7 +284,7 @@ export const TreeTableHeader = React.memo((props) => {
             const multipleSorted = multiSortMetaData !== null;
             const sorted = getColumnProp(column, 'sortable') && (singleSorted || multipleSorted);
             const frozen = getColumnProp(column, 'frozen');
-            const align = getColumnProp(column, 'alignHeader') || getColumnProp(column, 'align');
+            const align = getColumnProp(column, 'alignHeader');
             let sortOrder = 0;
 
             if (singleSorted) sortOrder = props.sortOrder;