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

feat(DataTable): add double toolbar prop #17868

Draft
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

pilarfernandezz
Copy link

Closes #17844

This PR allows both Batch Actions and Actions toolbars to be displayed simultaneously.
Right now the Batch Actions toolbar overrides the Actions toolbar when there is some row selected. With that, the search bar and actions buttons can not be changed/clicked.

image

Changelog

New

  • Added useDoubleToolbar property to Table and TableToolbar.

Changed

  • The default value for the prop is false, maintaining the current behavior.
  • If the prop is true the Batch Actions toolbar will be displayed bellow the Actions toolbar.

Testing / Reviewing

Change the prop to true and select any row in the DataTable. The blue Batch Actions toolbar should be displayed bellow the Actions toolbar. Should be possible to click in the Actions buttons and edit the search bar input.
image

Copy link
Contributor

github-actions bot commented Oct 24, 2024

All contributors have signed the DCO.
Posted by the DCO Assistant Lite bot.

Copy link

netlify bot commented Oct 24, 2024

Deploy Preview for v11-carbon-web-components ready!

Name Link
🔨 Latest commit 3c11b38
🔍 Latest deploy log https://app.netlify.com/sites/v11-carbon-web-components/deploys/671a336df95f9e000755d002
😎 Deploy Preview https://deploy-preview-17868--v11-carbon-web-components.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 configuration.

Copy link

netlify bot commented Oct 24, 2024

Deploy Preview for carbon-elements ready!

Name Link
🔨 Latest commit 3c11b38
🔍 Latest deploy log https://app.netlify.com/sites/carbon-elements/deploys/671a336d39f3420008500345
😎 Deploy Preview https://deploy-preview-17868--carbon-elements.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 configuration.

Copy link

netlify bot commented Oct 24, 2024

Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 3c11b38
🔍 Latest deploy log https://app.netlify.com/sites/v11-carbon-react/deploys/671a336db95a590008042256
😎 Deploy Preview https://deploy-preview-17868--v11-carbon-react.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 configuration.

@pilarfernandezz pilarfernandezz marked this pull request as ready for review October 24, 2024 11:10
@pilarfernandezz pilarfernandezz requested review from a team as code owners October 24, 2024 11:10
@pilarfernandezz
Copy link
Author

I have read the DCO document and I hereby sign the DCO.

Copy link
Member

@tay1orjones tay1orjones left a comment

Choose a reason for hiding this comment

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

Before we can review this we need a finalized spec from design, #17844 (comment)

@tay1orjones tay1orjones marked this pull request as draft October 28, 2024 14:32
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.

[Feature Request]: Add batch actions bar below the Data table tool bar
2 participants