Fixed #2582 - Add rowHover property to TreeTable

primefaces · Jan 17, 2022 · 078b6d3 · 078b6d3
1 parent 3a63bbe
commit 078b6d3
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/api-generator/components/treetable.js b/api-generator/components/treetable.js
@@ -335,6 +335,12 @@ const TreeTableProps = [
         default: 'No records found',
         description: 'Text to display when there is no data.'
     },
+    {
+        name: 'rowHover',
+        type: 'boolean',
+        default: 'false',
+        description: 'When enabled, background of the rows change on hover..'
+    },
     {
         name: 'showGridlines',
         type: 'boolean',

diff --git a/components/doc/datatable/index.js b/components/doc/datatable/index.js
@@ -3366,7 +3366,7 @@ export const DataTableStateDemo = () => {
                                         <td>rowHover</td>
                                         <td>boolean</td>
                                         <td>false</td>
-                                        <td>When enabled, background of the rows change on hover..</td>
+                                        <td>When enabled, background of the rows change on hover.</td>
                                     </tr>
                                     <tr>
                                         <td>showGridlines</td>

diff --git a/components/lib/treetable/TreeTable.d.ts b/components/lib/treetable/TreeTable.d.ts
@@ -153,6 +153,7 @@ export interface TreeTableProps {
     filterMode?: TreeTableFilterModeType;
     filterDelay?: number;
     filterLocale?: string;
+    rowHover?: boolean;
     showGridlines?: boolean;
     stripedRows?: boolean;
     rowClassName?(data: TreeNode): object;

diff --git a/components/lib/treetable/TreeTable.js b/components/lib/treetable/TreeTable.js
@@ -69,6 +69,7 @@ export class TreeTable extends Component {
         filterMode: 'lenient',
         filterDelay: 300,
         filterLocale: undefined,
+        rowHover: false,
         showGridlines: false,
         stripedRows: false,
         onFilter: null,
@@ -146,6 +147,7 @@ export class TreeTable extends Component {
         filterMode: PropTypes.string,
         filterDelay: PropTypes.number,
         filterLocale: PropTypes.string,
+        rowHover: PropTypes.bool,
         showGridlines: PropTypes.bool,
         stripedRows: PropTypes.bool,
         onFilter: PropTypes.func,
@@ -1079,7 +1081,8 @@ export class TreeTable extends Component {
     render() {
         const value = this.processValue();
         const className = classNames('p-treetable p-component', {
-            'p-treetable-hoverable-rows': this.isRowSelectionMode(),
+            'p-treetable-hoverable-rows': this.props.rowHover,
+            'p-treetable-selectable': this.isRowSelectionMode(),
             'p-treetable-resizable': this.props.resizableColumns,
             'p-treetable-resizable-fit': (this.props.resizableColumns && this.props.columnResizeMode === 'fit'),
             'p-treetable-auto-layout': this.props.autoLayout,