Skip to content

Conversation

@mgadewoll
Copy link
Contributor

@mgadewoll mgadewoll commented Dec 12, 2024

Summary

This PR fixes the docs examples for draggable EuiDatagrid columns as they were missing the prop columnVisibility.canDragAndDropColumns to be enabled πŸ€·β€β™€οΈ

This additionally adds the missing draggable columns example to the EUI+ docs.

QA

  • "Draggable Columns" examples in EUI docs and EUI+ docs work as expected (columns can be reordered on drag)

@mgadewoll mgadewoll added the skip-changelog Use on PRs to skip changelog requirement (Don't delete - used for automation) label Dec 12, 2024
@mgadewoll mgadewoll force-pushed the datagrid/update-draggable-columns-docs branch from 72bff84 to cff1f95 Compare December 12, 2024 14:48
@mgadewoll mgadewoll marked this pull request as ready for review December 12, 2024 15:23
@mgadewoll mgadewoll requested a review from a team as a code owner December 12, 2024 15:23
Comment on lines 369 to 371
To reorder columns directly instead of via the actions menu popover, you can enable draggable EuiDataGrid header columns via the `columnVisibility.canDragAndDropColumns` prop.

This will allow you to reorder the column by dragging them.
Copy link
Contributor

@weronikaolejniczak weronikaolejniczak Dec 12, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nit-pick:

Suggested change
To reorder columns directly instead of via the actions menu popover, you can enable draggable EuiDataGrid header columns via the `columnVisibility.canDragAndDropColumns` prop.
This will allow you to reorder the column by dragging them.
You can enable draggable `EuiDataGrid` header columns with the `columnVisibility.canDragAndDropColumns` prop to reorder columns by dragging, instead of using the actions menu.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah, I just copied there from EUI docs πŸ˜„
Updated for both EUI and EUI+ docs (commit).

@weronikaolejniczak
Copy link
Contributor

Just a lil nit-pick, I think we could improve the phrasing.

Tested both in the old and new docs βœ…

@cee-chen
Copy link
Contributor

I also fixed this in #8183, not sure if we'd want to wait for that PR to land. Planning on addressing feedback on it today πŸ™

@mgadewoll
Copy link
Contributor Author

mgadewoll commented Dec 12, 2024

I also fixed this in #8183, not sure if we'd want to wait for that PR to land. Planning on addressing feedback on it today πŸ™

@cee-chen Ah, I did not realize it was already addressed. I merely noticed it on the EuiDataGrid high contrast mode PR today πŸ˜„ I'm fine to close this PR if it's already handled πŸ‘

@kibanamachine
Copy link

Preview staging links for this PR:

@elasticmachine
Copy link
Collaborator

πŸ’š Build Succeeded

History

@mgadewoll mgadewoll closed this Dec 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

skip-changelog Use on PRs to skip changelog requirement (Don't delete - used for automation)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants