ibm-products
ibm-products copied to clipboard
feat(DataGrid): align column resize pal - v11
Contributes to #1923
Resize multiple columns at a time:
-
Hold Shift, and hover over the right side of any column header until a horizontal split cursor appears. Click on the resizer to select the columns.

-
Double-click the column resizer to resize all visible columns to fit the content.

-
Display minimum of one letter in a column

-
Wrap column header titles

What did you change?
Datagrid/DatagridHeaderRow.js Datagrid/DatagridRow.js Datagrid/Datagrid.stories.js styles/_datagrid.scss
How did you test and verify your work?
Storybook
Keyboard navigation will be covered in another PR later.
Deploy Preview for carbon-for-ibm-products ready!
| Name | Link |
|---|---|
| Latest commit | 06cec45be2a44a7faee2bd0fb3a6ede0c33e31c7 |
| Latest deploy log | https://app.netlify.com/sites/carbon-for-ibm-products/deploys/64631cc8a003f000089cf5dd |
| Deploy Preview | https://deploy-preview-2352--carbon-for-ibm-products.netlify.app/ |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site settings.
Deploy Preview for carbon-for-ibm-products ready!
| Name | Link |
|---|---|
| Latest commit | 59161d44ff2bc1d0026d3ae7b88d7bb9bce87538 |
| Latest deploy log | https://app.netlify.com/sites/carbon-for-ibm-products/deploys/6464be227928b300087feb2c |
| Deploy Preview | https://deploy-preview-2352--carbon-for-ibm-products.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site settings.
Closing for now as some of this behavior is being re-reviewed by design, will revisit if this resize functionality has been approved. It was discussed that this feels more appropriate in something like the DataSpreadsheet component.
DCO Assistant Lite bot: Thanks for your submission! We ask that you sign our Developer Certificate of Origin before we can accept your contribution. You can sign the DCO by adding a comment below using this text:
I have read the DCO document and I hereby sign the DCO.
You can retrigger this bot by commenting recheck in this Pull Request