fix some minor styling issues with DataTable

[joshunrau]

Summary by CodeRabbit

• New Features

  • Added "Modify" and "Delete" row actions to data tables with dedicated action handlers.

• Style & Layout

  • Updated cell background styling for improved visual consistency.
  • Refined header border alignment for action columns.
  • Disabled column resizing in grouped column configurations.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 529cf52e-167a-4b58-93d3-6a99d49bfd62

📥 Commits

Reviewing files that changed from the base of the PR and between 1101afb and a4c2aa2.

📒 Files selected for processing (3)

• src/components/DataTable/DataTable.stories.tsx
• src/components/DataTable/DataTableBody.tsx
• src/components/DataTable/DataTableHead.tsx

---

Walkthrough

DataTable component refinements: story configuration adds row actions and disables column resizing for grouped sub-columns, cell wrapper styling applies background inheritance, and border removal logic now targets adjacent actions columns explicitly rather than positional "center last column" checks.

Changes

Cohort / File(s)	Summary
Story Configuration src/components/DataTable/DataTable.stories.tsx	Adds rowActions array with "Modify" and "Delete" actions to Grouped story; disables column resizing (enableResizing: false) for grouped sub-columns.
Cell Styling src/components/DataTable/DataTableBody.tsx	Adds bg-inherit class to table cell wrapper divs; reformats JSX across multiple lines.
Border Logic src/components/DataTable/DataTableHead.tsx	Imports ACTIONS_COLUMN_ID and changes right-border removal from positional "last center column" check to column-id-based detection of adjacent actions column.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Possibly related PRs

• use ZodTypeLike from libjs and improve DataTable #63: Modifies DataTable.stories.tsx with story configuration changes (header action structure and grouped story args).
• add new DataTable component #61: Introduces same DataTable component files being modified here (DataTableBody.tsx, DataTableHead.tsx, story file).
• add new features to DataTable #82: Modifies DataTableBody.tsx cell wrapper class handling on the same JSX element.

Poem

🎨 Tables dressed in inherited hues,
Actions columns aligned with new clues,
Resize toggles tamed, row actions bloom—
DataTable refinement has cleared the room. ✨

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch data-table-grouped-style

---

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

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

[github-actions]

🎉 This PR is included in version 6.3.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀