Fix primefaces#4337: Datatable showHeaders property

melloware · May 11, 2023 · c35e657 · c35e657
1 parent d4038ca
commit c35e657
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 7 deletions.
diff --git a/components/lib/datatable/DataTable.js b/components/lib/datatable/DataTable.js
@@ -1427,6 +1427,10 @@ export const DataTable = React.forwardRef((inProps, ref) => {
     };
 
     const createTableHeader = (options, empty, _isVirtualScrollerDisabled) => {
+        if (props.showHeaders === false) {
+            return null;
+        }
+
         const sortField = getSortField();
         const sortOrder = getSortOrder();
         const multiSortMeta = [...getMultiSortMeta()];

diff --git a/components/lib/datatable/DataTableBase.js b/components/lib/datatable/DataTableBase.js
@@ -6,9 +6,9 @@ export const DataTableBase = {
         __TYPE: 'DataTable',
         alwaysShowPaginator: true,
         breakpoint: '960px',
-        checkIcon: null,
         cellClassName: null,
         cellSelection: false,
+        checkIcon: null,
         className: null,
         collapsedRowIcon: null,
         columnResizeMode: 'fit',
@@ -29,12 +29,12 @@ export const DataTableBase = {
         expandedRows: null,
         exportFilename: 'download',
         exportFunction: null,
+        filterClearIcon: null,
         filterDelay: 300,
         filterDisplay: 'menu',
+        filterIcon: null,
         filterLocale: undefined,
         filters: null,
-        filterIcon: null,
-        filterClearIcon: null,
         first: 0,
         footer: null,
         footerColumnGroup: null,
@@ -67,8 +67,6 @@ export const DataTableBase = {
         onFilter: null,
         onPage: null,
         onRowClick: null,
-        onRowMouseEnter: null,
-        onRowMouseLeave: null,
         onRowCollapse: null,
         onRowDoubleClick: null,
         onRowEditCancel: null,
@@ -77,6 +75,8 @@ export const DataTableBase = {
         onRowEditInit: null,
         onRowEditSave: null,
         onRowExpand: null,
+        onRowMouseEnter: null,
+        onRowMouseLeave: null,
         onRowReorder: null,
         onRowSelect: null,
         onRowToggle: null,
@@ -96,10 +96,10 @@ export const DataTableBase = {
         paginatorRight: null,
         paginatorTemplate: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown',
         removableSort: false,
-        reorderableColumns: false,
-        reorderableRows: false,
         reorderIndicatorDownIcon: null,
         reorderIndicatorUpIcon: null,
+        reorderableColumns: false,
+        reorderableRows: false,
         resizableColumns: false,
         responsiveLayout: 'scroll',
         rowClassName: null,
@@ -124,6 +124,7 @@ export const DataTableBase = {
         selectionMode: null,
         selectionPageOnly: false,
         showGridlines: false,
+        showHeaders: true,
         showRowReorderElement: null,
         showSelectAll: true,
         showSelectionElement: null,

diff --git a/components/lib/datatable/datatable.d.ts b/components/lib/datatable/datatable.d.ts
@@ -1060,6 +1060,11 @@ export interface DataTableProps<TValue extends DataTableValueArray> extends Omit
      * @defaultValue false
      */
     showGridlines?: boolean | undefined;
+    /**
+     * Whether to show headers.
+     * @defaultValue true
+     */
+    showHeaders?: boolean | undefined;
     /**
      * Whether to show the select all checkbox inside the datatable's header.
      */