ConsenSysMesh / ConsenSysMesh/rimble-ui
Strengthen Table component
- 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.