ConsenSysMesh / ConsenSysMesh/rimble-ui

Strengthen Table component

Open
#406 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
455
Forks
60
PR merge metrics
No merged PRs in 30d

Description

Current Table implement is not flexible enough and does not work out-of-the-box. First step to using the Table is to rewrite the styles as a new styled-component with enough base styles to get it working correct.

For a basic table use-case, the Table component should not need any custom or extended styling to work well responsively.

How would we rewrite this component to no need custom styling to work out of the box?

Acceptance criteria:
- Should be responsive down to 320px
- Should not need custom styled elements (th, td, tr)

example of customized table from Storefront :
```
const StyledTable = styled(RimbleTable)`
& {
display: block;
width: 100%;
overflow: auto;
border-width: 0;
}

th,
td {
border: solid;
border-width: 1px;
border-color: inherit;
padding: 0 1.5rem;
}
`;
```

Relates to #420

E: 1D

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.