Skip to content
Snippets Groups Projects
Commit c0f97b77 authored by esikkala's avatar esikkala
Browse files

Set material table height

parent e850b07c
No related branches found
No related tags found
No related merge requests found
...@@ -22,6 +22,10 @@ const styles = () => ({ ...@@ -22,6 +22,10 @@ const styles = () => ({
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
}, },
tableContainer: {
maxWidth: '100%',
height: 'calc(100% - 72px)'
}
}); });
class MaterialTableFullTextResults extends React.Component { class MaterialTableFullTextResults extends React.Component {
...@@ -32,14 +36,17 @@ class MaterialTableFullTextResults extends React.Component { ...@@ -32,14 +36,17 @@ class MaterialTableFullTextResults extends React.Component {
let resultText = results == 1 ? 'result' : 'results'; let resultText = results == 1 ? 'result' : 'results';
if (this.props.fetching) { if (this.props.fetching) {
return ( return (
<Paper className={this.props.classes.progressContainer}> <Paper square className={this.props.classes.progressContainer}>
<CircularProgress style={{ color: purple[500] }} thickness={5} /> <CircularProgress style={{ color: purple[500] }} thickness={5} />
</Paper> </Paper>
); );
} else { } else {
return ( return (
<div style={{ maxWidth: '100%' }}> <div className={this.props.classes.tableContainer}>
<MaterialTable <MaterialTable
options={{
maxBodyHeight: '100%'
}}
columns={[ columns={[
{ {
title: 'Label', title: 'Label',
......
...@@ -13,6 +13,7 @@ const All = props => { ...@@ -13,6 +13,7 @@ const All = props => {
tabs={[{ tabs={[{
id: 'table', id: 'table',
label: 'table', label: 'table',
icon: 'CalendarViewDay',
value: 0, value: 0,
}]} }]}
/> />
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment