Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Docs(EuiDataGrid): fix disabled draggable columns examples #8229

Closed

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 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
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants