Fixed #564

primefaces · Sep 11, 2018 · dbf5fb6 · dbf5fb6
1 parent eaec4df
commit dbf5fb6
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/components/datatable/DataTable.js b/src/components/datatable/DataTable.js
@@ -419,6 +419,7 @@ export class DataTable extends Component {
     onColumnResizeStart(event) {
         let containerLeft = DomHandler.getOffset(this.container).left;
         this.resizeColumn = event.columnEl;
+        this.resizeColumnProps = event.columnProps;
         this.columnResizing = true;
         this.lastResizerHelperX = (event.originalEvent.pageX - containerLeft + this.container.scrollLeft);
 
@@ -483,13 +484,15 @@ export class DataTable extends Component {
             if(this.props.onColumnResizeEnd) {
                 this.props.onColumnResizeEnd({
                     element: this.resizeColumn,
+                    column: this.resizeColumnProps,
                     delta: delta
                 });
             }
         }
 
         this.resizerHelper.style.display = 'none';
         this.resizeColumn = null;
+        this.resizeColumnProps = null;
         DomHandler.removeClass(this.container, 'p-unselectable-text');
 
         this.unbindColumnResizeEvents();

diff --git a/src/components/datatable/HeaderCell.js b/src/components/datatable/HeaderCell.js
@@ -50,7 +50,8 @@ export class HeaderCell extends Component {
         if(this.props.resizableColumns && this.props.onColumnResizeStart) {
             this.props.onColumnResizeStart({
                 originalEvent: event,
-                columnEl: event.target.parentElement
+                columnEl: event.target.parentElement,
+                columnProps: this.props
             });
         }
     }

diff --git a/src/showcase/datatable/DataTableDemo.js b/src/showcase/datatable/DataTableDemo.js
@@ -1940,7 +1940,8 @@ export class DataTableLazyDemo extends Component {
                         </tr>
                         <tr>
                             <td>onColumnResizeEnd</td>
-                            <td>event.element: DOM element of the resized column.<br />
+                            <td>event.element: DOM element of the resized column.
+                                event.column: Properties of the resized column.<br />
                                 event.delta: Change in column width</td>
                             <td>Callback to invoke when a column is resized.</td>
                         </tr>