Commit a12cc784 authored by Maxym Borodenko's avatar Maxym Borodenko
Browse files

Add padding

parent b2c66c4a
......@@ -10,6 +10,7 @@ import { ScrollToTopOnMount } from 'ui/common/page/scrollers';
import TableInfiniteLoader from 'ui/common/TableInfiniteLoader';
import Loading from 'ui/common/Loading';
import Page from 'model/Page';
import {PageContents} from 'ui/layout/PageLayout';
interface IMyDataTableProps extends React.Props<any> {
......@@ -60,23 +61,25 @@ function MyDataTable({
{ !paged ? <Loading/> :
<Grid item xs={ 12 } className="back-gray">
<PaginationComponent displayName="records" pageObj={ paged } onSortChange={ onSortChange } sortOptions={ sortOptions } infinite/>
<Grid container spacing={ 0 }>
<Paper style={ {width: '100%'} }>
<Table widths={ headerProps.map((prop) => prop.width) } headers={ (
<TableRow>
{ headerProps.map((prop) => <TableCell key={ prop.title } style={ {maxWidth: prop.width} }>{ t(prop.title) }</TableCell>) }
</TableRow>
) }>
<TableInfiniteLoader
paged={ paged }
loadMore={ loadMore }
roughItemHeight={ 100 }
itemRenderer={ renderTableRow }
colSpan={ 7 }
/>
</Table>
</Paper>
</Grid>
<PageContents className="pt-1rem pb-1rem">
<Grid container spacing={ 0 }>
<Paper style={ {width: '100%'} }>
<Table widths={ headerProps.map((prop) => prop.width) } headers={ (
<TableRow>
{ headerProps.map((prop) => <TableCell key={ prop.title } style={ {maxWidth: prop.width} }>{ t(prop.title) }</TableCell>) }
</TableRow>
) }>
<TableInfiniteLoader
paged={ paged }
loadMore={ loadMore }
roughItemHeight={ 100 }
itemRenderer={ renderTableRow }
colSpan={ 7 }
/>
</Table>
</Paper>
</Grid>
</PageContents>
</Grid>
}
</Grid>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment