Skip to content

DataTable border does not get applied to checkbox column #6657

@raywong-fb

Description

@raywong-fb

Expected Behavior

When using the border prop of DataTable the specified border should also apply to the checkbox cell that renders when onSelect is provided.

Actual Behavior

The border does not extend to the checkbox cell.

URL, screen shot, or Codepen exhibiting the issue

I think this screenshot is self explanatory, but I can create a CodeSandbox if needed

image

Steps to Reproduce

  1. Implement DataTable using border w/ onSelect
<DataTable border={{ body: { side: 'bottom' } }} onSelect={() => {}} />
  1. Observe that the bottom border does not extend to the checkbox cell.

Your Environment

  • Grommet version: tested on both 1.27.0 and 1.30.0
  • Browser Name and version: Chrome (latest)
  • Operating System and version (desktop or mobile): Mac OSX Ventura, Desktop

Metadata

Metadata

Assignees

Labels

bugissue that does not match design or documentation and requires code changes to address

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions