primereact 8.0.1 → 8.2.0

package/datatable/datatable.js

@@ -245,7 +245,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
     var onClick = function onClick(event) {
       if (!props.disabled) {
         props.onChange(event);
-        inputRef.current.focus();
+        utils.DomHandler.focus(inputRef.current);
       }
     };
 
@@ -915,6 +915,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
           };
           content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("button", {
             type: "button",
+            name: "row-save",
             onClick: rowEditorProps.onSaveClick,
             className: rowEditorProps.saveClassName,
             tabIndex: props.tabIndex
@@ -922,6 +923,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
             className: rowEditorProps.saveIconClassName
           }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), /*#__PURE__*/React__namespace.createElement("button", {
             type: "button",
+            name: "row-cancel",
             onClick: rowEditorProps.onCancelClick,
             className: rowEditorProps.cancelClassName,
             tabIndex: props.tabIndex
@@ -937,6 +939,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
           };
           content = /*#__PURE__*/React__namespace.createElement("button", {
             type: "button",
+            name: "row-edit",
             onClick: rowEditorProps.onInitClick,
             className: rowEditorProps.initClassName,
             tabIndex: props.tabIndex
@@ -1402,12 +1405,16 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       }),
       'p-row-odd': props.index % 2 !== 0
     });
+    var style = {
+      height: props.virtualScrollerOptions ? props.virtualScrollerOptions.itemSize : undefined
+    };
     var content = createContent();
     var tabIndex = getTabIndex();
     return /*#__PURE__*/React__namespace.createElement("tr", {
       role: "row",
       tabIndex: tabIndex,
       className: className,
+      style: style,
       onMouseDown: onMouseDown,
       onMouseUp: onMouseUp,
       onClick: onClick,
@@ -1449,14 +1456,14 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
   function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
   function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  var TableBody = /*#__PURE__*/React__namespace.memo(function (props) {
+  var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState({}),
         _React$useState2 = _slicedToArray(_React$useState, 2),
         rowGroupHeaderStyleObjectState = _React$useState2[0],
         setRowGroupHeaderStyleObjectState = _React$useState2[1];
 
     var elementRef = React__namespace.useRef(null);
-    var ref = React__namespace.useCallback(function (el) {
+    var refCallback = React__namespace.useCallback(function (el) {
       elementRef.current = el;
       props.virtualScrollerContentRef && props.virtualScrollerContentRef(el);
     }, [props]);
@@ -2110,9 +2117,12 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
     var onRowDragStart = function onRowDragStart(e) {
       var event = e.originalEvent,
           index = e.index;
-      rowDragging.current = true;
-      draggedRowIndex.current = index;
-      event.dataTransfer.setData('text', 'b'); // For firefox
+
+      if (allowRowDrag(event)) {
+        rowDragging.current = true;
+        draggedRowIndex.current = index;
+        event.dataTransfer.setData('text', 'b'); // For firefox
+      }
     };
 
     var onRowDragOver = function onRowDragOver(e) {
@@ -2508,10 +2518,10 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
     var className = utils.classNames('p-datatable-tbody', props.className);
     var content = props.empty ? createEmptyContent() : createContent();
     return /*#__PURE__*/React__namespace.createElement("tbody", {
-      ref: ref,
+      ref: refCallback,
       className: className
     }, content);
-  });
+  }));
   TableBody.displayName = 'TableBody';
 
   function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -2561,7 +2571,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
           styleObject['left'] = left + 'px';
         }
 
-        setStyleObjectState(styleObject);
+        var isSameStyle = styleObjectState['left'] === styleObject['left'] && styleObjectState['right'] === styleObject['right'];
+        !isSameStyle && setStyleObjectState(styleObject);
       }
     };
 
@@ -3798,14 +3809,15 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       var sortMeta = getSortMeta();
       var style = getStyle();
       var align = getColumnProp('alignHeader') || getColumnProp('align');
+      var frozen = getColumnProp('frozen');
       var className = utils.classNames(getColumnProp('headerClassName'), getColumnProp('className'), _defineProperty({
         'p-sortable-column': getColumnProp('sortable'),
-        'p-resizable-column': props.resizableColumns,
+        'p-resizable-column': props.resizableColumns && getColumnProp('resizeable'),
         'p-highlight': sortMeta.sorted,
-        'p-frozen-column': getColumnProp('frozen'),
+        'p-frozen-column': frozen,
         'p-selection-column': getColumnProp('selectionMode'),
         'p-sortable-disabled': getColumnProp('sortable') && _isSortableDisabled,
-        'p-reorderable-column': props.reorderableColumns && getColumnProp('reorderable')
+        'p-reorderable-column': props.reorderableColumns && getColumnProp('reorderable') && !frozen
       }, "p-align-".concat(align), !!align));
       var tabIndex = getColumnProp('sortable') && !_isSortableDisabled ? props.tabIndex : null;
       var colSpan = getColumnProp('colSpan');
@@ -4094,6 +4106,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
     var elementRef = React__namespace.useRef(null);
     var tableRef = React__namespace.useRef(null);
     var wrapperRef = React__namespace.useRef(null);
+    var bodyRef = React__namespace.useRef(null);
+    var frozenBodyRef = React__namespace.useRef(null);
+    var virtualScrollerRef = React__namespace.useRef(null);
     var reorderIndicatorUpRef = React__namespace.useRef(null);
     var reorderIndicatorDownRef = React__namespace.useRef(null);
     var colReorderIconWidth = React__namespace.useRef(null);
@@ -4589,8 +4604,22 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
           }
         } else if (props.columnResizeMode === 'expand') {
           var tableWidth = tableRef.current.offsetWidth + delta + 'px';
-          tableRef.current.style.width = tableWidth;
-          tableRef.current.style.minWidth = tableWidth;
+
+          var updateTableWidth = function updateTableWidth(el) {
+            !!el && (el.style.width = el.style.minWidth = tableWidth);
+          };
+
+          updateTableWidth(tableRef.current);
+
+          if (!isVirtualScrollerDisabled()) {
+            updateTableWidth(bodyRef.current);
+            updateTableWidth(frozenBodyRef.current);
+
+            if (wrapperRef.current) {
+              updateTableWidth(utils.DomHandler.findSingle(wrapperRef.current, '.p-virtualscroller-content'));
+            }
+          }
+
           resizeTableCells(newColumnWidth);
         }
 
@@ -4647,7 +4676,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       var event = e.originalEvent,
           column = e.column;
 
-      if (props.reorderableColumns && getColumnProp(column, 'reorderable') !== false) {
+      if (props.reorderableColumns && getColumnProp(column, 'reorderable') !== false && !getColumnProp(column, 'frozen')) {
         if (event.target.nodeName === 'INPUT' || event.target.nodeName === 'TEXTAREA' || utils.DomHandler.hasClass(event.target, 'p-column-resizer')) event.currentTarget.draggable = false;else event.currentTarget.draggable = true;
       }
     };
@@ -4710,10 +4739,11 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
     };
 
     var onColumnHeaderDragOver = function onColumnHeaderDragOver(e) {
-      var event = e.originalEvent;
+      var event = e.originalEvent,
+          column = e.column;
       var dropHeader = findParentHeader(event.currentTarget);
 
-      if (props.reorderableColumns && draggedColumnElement.current && dropHeader) {
+      if (props.reorderableColumns && draggedColumnElement.current && dropHeader && !getColumnProp(column, 'frozen')) {
         event.preventDefault();
 
         if (draggedColumnElement.current !== dropHeader) {
@@ -4924,8 +4954,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       return props.removableSort ? props.defaultSortOrder === currentOrder ? currentOrder * -1 : 0 : currentOrder * -1;
     };
 
-    var compareValuesOnSort = function compareValuesOnSort(value1, value2) {
-      return utils.ObjectUtils.sort(value1, value2, 1, PrimeReact__default["default"].locale);
+    var compareValuesOnSort = function compareValuesOnSort(value1, value2, order) {
+      return utils.ObjectUtils.sort(value1, value2, order, PrimeReact__default["default"].locale);
     };
 
     var addSortMeta = function addSortMeta(meta, multiSortMeta) {
@@ -4963,7 +4993,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       var value = _toConsumableArray(data);
 
       if (columnSortable.current && columnSortFunction.current) {
-        value = columnSortFunction({
+        value = columnSortFunction.current({
+          rowData: value,
           field: field,
           order: order
         });
@@ -4971,8 +5002,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
         value.sort(function (data1, data2) {
           var value1 = utils.ObjectUtils.resolveFieldData(data1, field);
           var value2 = utils.ObjectUtils.resolveFieldData(data2, field);
-          var result = compareValuesOnSort(value1, value2);
-          return order * result;
+          return compareValuesOnSort(value1, value2, order);
         });
       }
 
@@ -5005,6 +5035,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
         var field = columnField.current;
         var order = meta ? meta.order : defaultSortOrder;
         value = columnSortFunction.current({
+          rowData: value,
           field: field,
           order: order
         });
@@ -5025,8 +5056,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
         return multiSortMeta.length - 1 > index ? multisortField(data1, data2, multiSortMeta, index + 1) : 0;
       }
 
-      var result = compareValuesOnSort(value1, value2);
-      return multiSortMeta[index].order * result;
+      return compareValuesOnSort(value1, value2, multiSortMeta[index].order);
     };
 
     var onFilterChange = function onFilterChange(filters) {
@@ -5405,7 +5435,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       }
     }, [props.responsiveLayout]);
     hooks.useUpdateEffect(function () {
-      filter(props.globalFilter, 'global', 'contains');
+      if (props.globalFilter) {
+        filter(props.globalFilter, 'global', 'contains');
+      }
     }, [props.globalFilter]);
     hooks.useUnmountEffect(function () {
       unbindColumnResizeEvents();
@@ -5505,7 +5537,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
           columns = options.columns,
           contentRef = options.contentRef,
           className = options.className;
+          options.itemSize;
       var frozenBody = props.frozenValue && /*#__PURE__*/React__namespace.createElement(TableBody, {
+        ref: frozenBodyRef,
         value: props.frozenValue,
         className: "p-datatable-frozen-tbody",
         frozenRow: true,
@@ -5569,9 +5603,11 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
         expandedRowIcon: props.expandedRowIcon,
         collapsedRowIcon: props.collapsedRowIcon,
         rowClassName: props.rowClassName,
+        virtualScrollerOptions: options,
         isVirtualScrollerDisabled: true
       });
       var body = /*#__PURE__*/React__namespace.createElement(TableBody, {
+        ref: bodyRef,
         value: dataToRender(rows),
         className: className,
         empty: empty,
@@ -5664,10 +5700,15 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
         style: {
           maxHeight: _isVirtualScrollerDisabled ? props.scrollHeight : null
         }
-      }, /*#__PURE__*/React__namespace.createElement(virtualscroller.VirtualScroller, _extends({}, virtualScrollerOptions, {
+      }, /*#__PURE__*/React__namespace.createElement(virtualscroller.VirtualScroller, _extends({
+        ref: virtualScrollerRef
+      }, virtualScrollerOptions, {
         items: processedData,
         columns: columns,
-        scrollHeight: props.scrollHeight,
+        style: _objectSpread(_objectSpread({}, virtualScrollerOptions.style), {
+          height: props.scrollHeight !== 'flex' ? props.scrollHeight : undefined
+        }),
+        scrollHeight: props.scrollHeight !== 'flex' ? undefined : '100%',
         disabled: _isVirtualScrollerDisabled,
         loaderDisabled: true,
         showSpacer: false,

package/datatable/datatable.min.css

@@ -1 +1 @@
-.p-datatable{position:relative}.p-datatable table{border-collapse:collapse;min-width:100%;table-layout:fixed}.p-datatable .p-sortable-column{cursor:pointer;user-select:none}.p-datatable .p-sortable-disabled{cursor:auto}.p-datatable .p-sortable-column .p-column-title,.p-datatable .p-sortable-column .p-sortable-column-icon,.p-datatable .p-sortable-column .p-sortable-column-badge{vertical-align:middle}.p-datatable .p-sortable-column .p-sortable-column-badge{display:inline-flex;align-items:center;justify-content:center}.p-datatable-responsive-scroll>.p-datatable-wrapper{overflow-x:auto}.p-datatable-responsive-scroll>.p-datatable-wrapper>table,.p-datatable-auto-layout>.p-datatable-wrapper>table{table-layout:auto}.p-datatable-selectable .p-selectable-row,.p-datatable-selectable-cell .p-selectable-cell{cursor:pointer}.p-datatable-drag-selection-helper{position:absolute;z-index:99999999}.p-datatable-scrollable .p-datatable-wrapper{position:relative;overflow:auto}.p-datatable-scrollable .p-datatable-thead,.p-datatable-scrollable .p-datatable-tbody,.p-datatable-scrollable .p-datatable-tfoot{display:block}.p-datatable-scrollable .p-datatable-thead>tr,.p-datatable-scrollable .p-datatable-tbody>tr,.p-datatable-scrollable .p-datatable-tfoot>tr{display:flex;flex-wrap:nowrap;width:100%}.p-datatable-scrollable .p-datatable-thead>tr>th,.p-datatable-scrollable .p-datatable-tbody>tr>td,.p-datatable-scrollable .p-datatable-tfoot>tr>td{display:flex;flex:1 1 0;align-items:center}.p-datatable-scrollable .p-datatable-thead{position:sticky;top:0;z-index:1}.p-datatable-scrollable .p-datatable-frozen-tbody{position:sticky;z-index:1}.p-datatable-scrollable .p-datatable-tfoot{position:sticky;bottom:0;z-index:1}.p-datatable-scrollable .p-frozen-column{position:sticky;background:inherit}.p-datatable-scrollable th.p-frozen-column{z-index:1}.p-datatable-scrollable-both .p-datatable-thead>tr>th,.p-datatable-scrollable-both .p-datatable-tbody>tr>td,.p-datatable-scrollable-both .p-datatable-tfoot>tr>td,.p-datatable-scrollable-horizontal .p-datatable-thead>tr>th .p-datatable-scrollable-horizontal .p-datatable-tbody>tr>td,.p-datatable-scrollable-horizontal .p-datatable-tfoot>tr>td{flex:0 0 auto}.p-datatable-flex-scrollable{display:flex;flex-direction:column;height:100%}.p-datatable-flex-scrollable .p-datatable-wrapper{display:flex;flex-direction:column;flex:1;height:100%}.p-datatable-scrollable .p-rowgroup-header{position:sticky;z-index:1}.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead,.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot{display:table;border-collapse:collapse;width:100%;table-layout:fixed}.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead>tr,.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot>tr{display:table-row}.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead>tr>th,.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot>tr>td{display:table-cell}.p-datatable-virtual-table{position:absolute}.p-datatable-resizable>.p-datatable-wrapper{overflow-x:auto}.p-datatable-resizable .p-datatable-thead>tr>th,.p-datatable-resizable .p-datatable-tfoot>tr>td,.p-datatable-resizable .p-datatable-tbody>tr>td{overflow:hidden;white-space:nowrap}.p-datatable-resizable .p-resizable-column{background-clip:padding-box;position:relative}.p-datatable-resizable-fit .p-resizable-column:last-child .p-column-resizer{display:none}.p-datatable .p-column-resizer{display:block;position:absolute !important;top:0;right:0;margin:0;width:.5rem;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}.p-datatable .p-column-header-content{display:flex;align-items:center}.p-datatable .p-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.p-datatable .p-row-editor-init,.p-datatable .p-row-editor-save,.p-datatable .p-row-editor-cancel{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-datatable .p-row-toggler{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-datatable-reorder-indicator-up,.p-datatable-reorder-indicator-down{position:absolute;display:none}.p-reorderable-column,.p-datatable-reorderablerow-handle{cursor:move}.p-datatable .p-datatable-loading-overlay{position:absolute;display:flex;align-items:center;justify-content:center;z-index:2}.p-column-filter-row{display:flex;align-items:center;width:100%}.p-column-filter-menu{display:inline-flex;margin-left:auto}.p-column-filter-row .p-column-filter-element{flex:1 1 auto;width:1%}.p-column-filter-menu-button,.p-column-filter-clear-button{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;overflow:hidden;position:relative}.p-column-filter-overlay{position:absolute;top:0;left:0}.p-column-filter-row-items{margin:0;padding:0;list-style:none}.p-column-filter-row-item{cursor:pointer}.p-column-filter-add-button,.p-column-filter-remove-button{justify-content:center}.p-column-filter-add-button .p-button-label,.p-column-filter-remove-button .p-button-label{flex-grow:0}.p-column-filter-buttonbar{display:flex;align-items:center;justify-content:space-between}.p-column-filter-buttonbar .p-button:not(.p-button-icon-only){width:auto}.p-datatable .p-datatable-tbody>tr>td>.p-column-title{display:none}.p-datatable .p-virtualscroller-loading{transform:none !important;min-height:0;position:sticky;top:0;left:0}.p-datatable .p-datatable-thead>tr>th.p-align-left>.p-column-header-content,.p-datatable .p-datatable-tbody>tr>td.p-align-left,.p-datatable .p-datatable-tfoot>tr>td.p-align-left{text-align:left;justify-content:flex-start}.p-datatable .p-datatable-thead>tr>th.p-align-right>.p-column-header-content,.p-datatable .p-datatable-tbody>tr>td.p-align-right,.p-datatable .p-datatable-tfoot>tr>td.p-align-right{text-align:right;justify-content:flex-end}.p-datatable .p-datatable-thead>tr>th.p-align-center>.p-column-header-content,.p-datatable .p-datatable-tbody>tr>td.p-align-center,.p-datatable .p-datatable-tfoot>tr>td.p-align-center{text-align:center;justify-content:center}
+.p-datatable{position:relative}.p-datatable table{border-collapse:collapse;min-width:100%;table-layout:fixed}.p-datatable .p-sortable-column{cursor:pointer;user-select:none}.p-datatable .p-sortable-disabled{cursor:auto}.p-datatable .p-sortable-column .p-column-title,.p-datatable .p-sortable-column .p-sortable-column-icon,.p-datatable .p-sortable-column .p-sortable-column-badge{vertical-align:middle}.p-datatable .p-sortable-column .p-sortable-column-badge{display:inline-flex;align-items:center;justify-content:center}.p-datatable-responsive-scroll>.p-datatable-wrapper{overflow-x:auto}.p-datatable-responsive-scroll>.p-datatable-wrapper>table,.p-datatable-auto-layout>.p-datatable-wrapper>table{table-layout:auto}.p-datatable-selectable .p-selectable-row,.p-datatable-selectable-cell .p-selectable-cell{cursor:pointer}.p-datatable-drag-selection-helper{position:absolute;z-index:99999999}.p-datatable-scrollable .p-datatable-wrapper{position:relative;overflow:auto}.p-datatable-scrollable .p-datatable-thead,.p-datatable-scrollable .p-datatable-tbody,.p-datatable-scrollable .p-datatable-tfoot{display:block}.p-datatable-scrollable .p-datatable-thead>tr,.p-datatable-scrollable .p-datatable-tbody>tr,.p-datatable-scrollable .p-datatable-tfoot>tr{display:flex;flex-wrap:nowrap;width:100%}.p-datatable-scrollable .p-datatable-thead>tr>th,.p-datatable-scrollable .p-datatable-tbody>tr>td,.p-datatable-scrollable .p-datatable-tfoot>tr>td{display:flex;flex:1 1 0;align-items:center}.p-datatable-scrollable .p-datatable-thead{position:sticky;top:0;z-index:1}.p-datatable-scrollable .p-datatable-frozen-tbody{position:sticky;z-index:1}.p-datatable-scrollable .p-datatable-tfoot{position:sticky;bottom:0;z-index:1}.p-datatable-scrollable .p-frozen-column{position:sticky;background:inherit}.p-datatable-scrollable th.p-frozen-column{z-index:1}.p-datatable-scrollable-both .p-datatable-thead>tr>th,.p-datatable-scrollable-both .p-datatable-tbody>tr>td,.p-datatable-scrollable-both .p-datatable-tfoot>tr>td,.p-datatable-scrollable-horizontal .p-datatable-thead>tr>th .p-datatable-scrollable-horizontal .p-datatable-tbody>tr>td,.p-datatable-scrollable-horizontal .p-datatable-tfoot>tr>td{flex:0 0 auto}.p-datatable-flex-scrollable{display:flex;flex-direction:column;height:100%}.p-datatable-flex-scrollable .p-datatable-wrapper{display:flex;flex-direction:column;flex:1;height:100%}.p-datatable-scrollable .p-rowgroup-header{position:sticky;z-index:1}.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead,.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot{display:table;border-collapse:collapse;width:100%;table-layout:fixed}.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead>tr,.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot>tr{display:table-row}.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead>tr>th,.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot>tr>td{display:table-cell}.p-datatable-virtual-table{position:absolute}.p-datatable-scrollable .p-virtualscroller>.p-datatable-table{display:inline-block}.p-datatable-resizable>.p-datatable-wrapper{overflow-x:auto}.p-datatable-resizable .p-datatable-thead>tr>th,.p-datatable-resizable .p-datatable-tfoot>tr>td,.p-datatable-resizable .p-datatable-tbody>tr>td{overflow:hidden;white-space:nowrap}.p-datatable-resizable .p-resizable-column{background-clip:padding-box;position:relative}.p-datatable-resizable-fit .p-resizable-column:last-child .p-column-resizer{display:none}.p-datatable .p-column-resizer{display:block;position:absolute !important;top:0;right:0;margin:0;width:.5rem;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}.p-datatable .p-column-header-content{display:flex;align-items:center}.p-datatable .p-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.p-datatable .p-row-editor-init,.p-datatable .p-row-editor-save,.p-datatable .p-row-editor-cancel{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-datatable .p-row-toggler{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-datatable-reorder-indicator-up,.p-datatable-reorder-indicator-down{position:absolute;display:none}.p-reorderable-column,.p-datatable-reorderablerow-handle{cursor:move}.p-datatable .p-datatable-loading-overlay{position:absolute;display:flex;align-items:center;justify-content:center;z-index:2}.p-column-filter-row{display:flex;align-items:center;width:100%}.p-column-filter-menu{display:inline-flex;margin-left:auto}.p-column-filter-row .p-column-filter-element{flex:1 1 auto;width:1%}.p-column-filter-menu-button,.p-column-filter-clear-button{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;overflow:hidden;position:relative}.p-column-filter-overlay{position:absolute;top:0;left:0}.p-column-filter-row-items{margin:0;padding:0;list-style:none}.p-column-filter-row-item{cursor:pointer}.p-column-filter-add-button,.p-column-filter-remove-button{justify-content:center}.p-column-filter-add-button .p-button-label,.p-column-filter-remove-button .p-button-label{flex-grow:0}.p-column-filter-buttonbar{display:flex;align-items:center;justify-content:space-between}.p-column-filter-buttonbar .p-button:not(.p-button-icon-only){width:auto}.p-datatable .p-datatable-tbody>tr>td>.p-column-title{display:none}.p-datatable .p-virtualscroller-loading{transform:none !important;min-height:0;position:sticky;top:0;left:0}.p-datatable .p-datatable-thead>tr>th.p-align-left>.p-column-header-content,.p-datatable .p-datatable-tbody>tr>td.p-align-left,.p-datatable .p-datatable-tfoot>tr>td.p-align-left{text-align:left;justify-content:flex-start}.p-datatable .p-datatable-thead>tr>th.p-align-right>.p-column-header-content,.p-datatable .p-datatable-tbody>tr>td.p-align-right,.p-datatable .p-datatable-tfoot>tr>td.p-align-right{text-align:right;justify-content:flex-end}.p-datatable .p-datatable-thead>tr>th.p-align-center>.p-column-header-content,.p-datatable .p-datatable-tbody>tr>td.p-align-center,.p-datatable .p-datatable-tfoot>tr>td.p-align-center{text-align:center;justify-content:center}