Fix primefaces#1367: Column resizeable attribute

melloware · May 9, 2022 · fbf9e10 · fbf9e10
1 parent 72050fe
commit fbf9e10
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/components/doc/datatable/index.js b/components/doc/datatable/index.js
@@ -2522,6 +2522,18 @@ export const DataTableRowExpansionDemo = () => {
     <Column field="quantity" header="Quantity" style={{width:'30%'}}></Column>
 </DataTable>
 `}
+</CodeHighlight>
+
+                    <p>You can choose which columns are <i>resizeable</i> per column.</p>
+<CodeHighlight>
+{`
+<DataTable value={products} resizableColumns>
+    <Column field="code" header="Code" style={{width:'20%'}}></Column>
+    <Column field="name" header="Name" style={{width:'40%'}}></Column>
+    <Column field="category" header="Category (not resizable)" style={{width:'20%'}} resizeable={false} />
+    <Column field="quantity" header="Quantity" style={{width:'30%'}}></Column>
+</DataTable>
+`}
 </CodeHighlight>
 
                     <h5>Column Reorder</h5>

diff --git a/pages/datatable/colresize.js b/pages/datatable/colresize.js
@@ -39,7 +39,7 @@ const DataTableColResizeDemo = () => {
                     <DataTable value={products} resizableColumns columnResizeMode="fit" showGridlines responsiveLayout="scroll">
                         <Column field="code" header="Code" style={{width:'20%'}}/>
                         <Column field="name" header="Name" style={{width:'40%'}}/>
-                        <Column field="category" header="Category (not resizable)" style={{width:'20%'}} resizeable={false} />
+                        <Column field="category" header="Category" style={{width:'20%'}} />
                         <Column field="quantity" header="Quantity" style={{width:'20%'}}/>
                     </DataTable>
                 </div>
@@ -53,6 +53,16 @@ const DataTableColResizeDemo = () => {
                         <Column field="quantity" header="Quantity"></Column>
                     </DataTable>
                 </div>
+
+                <div className="card">
+                    <h5>Choose Resiable Columns</h5>
+                    <DataTable value={products} resizableColumns columnResizeMode="fit" showGridlines responsiveLayout="scroll">
+                        <Column field="code" header="Code" style={{width:'20%'}}/>
+                        <Column field="name" header="Name" style={{width:'40%'}}/>
+                        <Column field="category" header="Category (not resizable)" style={{width:'20%'}} resizeable={false} />
+                        <Column field="quantity" header="Quantity" style={{width:'20%'}}/>
+                    </DataTable>
+                </div>
             </div>
 
             <DataTableColResizeDemoDoc></DataTableColResizeDemoDoc>