vhad/react-table
1
0
Fork 0
mirror of https://github.com/gosticks/react-table.git synced 2025-10-16 11:55:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(example): fixed css issues in codesandbox (no css prop)

Browse Source
This commit is contained in:
tannerlinsley 2019-07-30 10:33:06 -06:00
parent ab32339bfa
commit 0187fcfc2c
2 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
examples/filtering-client-side/src/App.js
View File

@ -123,9 +123,9 @@ function SliderColumnFilter({ filterValue, setFilter, preFilteredRows, id }) {
function NumberRangeColumnFilter({ filterValue = [], setFilter }) {
return (
<div
css={`
display: flex;
`}
style={{
display: 'flex',
}}
>
<input
value={filterValue[0] || ''}
@ -135,10 +135,10 @@ function NumberRangeColumnFilter({ filterValue = [], setFilter }) {
setFilter((old = []) => [val ? parseInt(val, 10) : undefined, old[1]])
}}
placeholder="Min"
css={`
width: 70px;
margin-right: 0.5rem;
`}
style={{
width: '70px',
marginRight: '0.5rem',
}}
/>
to
<input
@ -149,10 +149,10 @@ function NumberRangeColumnFilter({ filterValue = [], setFilter }) {
setFilter((old = []) => [old[0], val ? parseInt(val, 10) : undefined])
}}
placeholder="Max"
css={`
width: 70px;
margin-left: 0.5rem;
`}
style={{
width: '70px',
marginLeft: '0.5rem',
}}
/>
</div>
)

36
examples/grouping-client-side/src/App.js
View File

@ -139,34 +139,34 @@ function Table({ columns, data }) {
function Legend() {
return (
<div
css={`
padding: 0.5rem 0;
`}
style={{
padding: '0.5rem 0',
}}
>
<span
css={`
display: inline-block;
background: #0aff0082;
padding: 0.5rem;
`}
style={{
display: 'inline-block',
background: '#0aff0082',
padding: '0.5rem',
}}
>
Grouped
</span>{' '}
<span
css={`
display: inline-block;
background: #ffa50078;
padding: 0.5rem;
`}
style={{
display: 'inline-block',
background: '#ffa50078',
padding: '0.5rem',
}}
>
Aggregated
</span>{' '}
<span
css={`
display: inline-block;
background: #ff000042;
padding: 0.5rem;
`}
style={{
display: 'inline-block',
background: '#ff000042',
padding: '0.5rem',
}}
>
Repeated Value
</span>