docs(floating-actions): add row-selection pattern with DataTable

[paanSinghCoder]

Summary

• Adds a "Row selection" section to DataTable docs showing how to integrate FloatingActions with TanStack row selection (leading checkbox column + useDataTable() + dismissible count chip wired to table.resetRowSelection()).
• Ships a live DataTableSelectionDemo registered in the Demo scope so the pattern is visible in the docs, not just copy-pasted code.
• Cross-reference added in the FloatingActions docs pointing at the new section.
• Small DataTable fix: horizontal padding on .toolbar so filter/display controls align with cell content.

Test plan

• Visit /components/datatable → scroll to "Row selection" — live demo renders, clicking checkboxes updates the "N selected" chip; dismissing clears selection.
• Visit /components/floating-actions → see cross-reference at "Use with DataTable".
• Confirm toolbar padding shift looks fine across other DataTable demos.

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
apsara	Ready	Preview, Comment	Apr 29, 2026 2:48am

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

📝 Walkthrough

Walkthrough

This pull request introduces a row-selection pattern for the DataTable component across demo, documentation, and utility files. A new DataTableSelectionDemo client component demonstrates how to implement row selection using a non-interactive checkbox column, TanStack selection state, and a conditional SelectionBar that displays selected count and provides dismiss/action controls. The pattern is exported as rowSelectionDemo in demo metadata, integrated into the Demo component scope, and documented in the DataTable guide. Additionally, FloatingActions demos and documentation are refactored to present variants and placement options via tabbed code examples. A minor CSS adjustment updates toolbar padding behavior.

Suggested reviewers

• rsbh
• rohanchkrabrty
• ravisuhag

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and specifically describes the main change: adding a row-selection pattern documentation with DataTable and FloatingActions integration.
Description check	✅ Passed	The description is directly related to the changeset, detailing the new row-selection documentation section, live demo component, cross-references, and toolbar padding fix.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Review rate limit: 0/1 reviews remaining, refill in 60 minutes.}

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[rohanchkrabrty]

@paanSinghCoder Also the selection state should be handled internally from the DataTable. Right now the user is supposed to handle the selection model, which is not ideal. Let's think this through separately

cc @ravisuhag