Fix useFlexLayout table min-width (#1924)

* Fix useFlexLayout table min-width

* Delete .size-snapshot.json

Co-authored-by: Tanner Linsley <tannerlinsley@gmail.com>
This commit is contained in:
Michael Chang
2020-03-06 14:57:36 -07:00
committed by GitHub
co-authored by Tanner Linsley
parent 23c9ad23fa
commit 343e76ce65
2 changed files with 12 additions and 17 deletions
+7 -14
View File
@@ -11,13 +11,12 @@ import makeData from './makeData'
const Styles = styled.div`
padding: 1rem;
${'' /* These styles are suggested for the table fill all available space in its containing element */}
display: block;
${'' /* These styles are required for a horizontaly scrollable table overflow */}
overflow: auto;
.table {
${'' /* These styles are suggested for the table fill all available space in its containing element */}
display: block;
${'' /* These styles are required for a horizontaly scrollable table overflow */}
overflow: auto;
border-spacing: 0;
border: 1px solid black;
@@ -119,13 +118,7 @@ function Table({ columns, data }) {
[]
)
const {
getTableProps,
getTableBodyProps,
headerGroups,
rows,
prepareRow,
} = useTable(
const { getTableProps, headerGroups, rows, prepareRow } = useTable(
{
columns,
data,
@@ -195,8 +188,8 @@ function Table({ columns, data }) {
</div>
))}
</div>
<div {...getTableBodyProps()} className="tbody">
{rows.map((row, i) => {
<div className="tbody">
{rows.map(row => {
prepareRow(row)
return (
<div {...row.getRowProps()} className="tr">