ibm-products icon indicating copy to clipboard operation
ibm-products copied to clipboard

feat(DataGrid): align column resize pal - v11

Open Ratheeshrajan opened this issue 3 years ago • 1 comments

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. image

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

  • Display minimum of one letter in a column image

  • Wrap column header titles image

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.

Ratheeshrajan avatar Oct 13 '22 06:10 Ratheeshrajan

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...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

netlify[bot] avatar Oct 13 '22 06:10 netlify[bot]

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...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

netlify[bot] avatar May 17 '23 11:05 netlify[bot]

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.

matthewgallo avatar Nov 09 '23 15:11 matthewgallo

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

github-actions[bot] avatar Nov 09 '23 15:11 github-actions[bot]