Adjust column width of token overview table

Posted my solution to setting the column width here: mui/material-ui#1911 (comment)
FuturICT2 · Oct 15, 2019 · 269cfee · 269cfee
1 parent 1de581e
commit 269cfee
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/Table.jsx b/src/components/Table.jsx
@@ -8,7 +8,11 @@ const Fin4Table = props => {
 			<TableHead>
 				<TableRow>
 					{props.headers.map((key, index) => {
-						return <TableCell key={index}>{key}</TableCell>;
+						return (
+							<TableCell width={(props.colWidths ? props.colWidths[index] : '100') + '%'} key={index}>
+								{key}
+							</TableCell>
+						);
 					})}
 				</TableRow>
 			</TableHead>

diff --git a/src/views/token/TokenOverview.jsx b/src/views/token/TokenOverview.jsx
@@ -13,7 +13,7 @@ function TokenOverview(props) {
 	return (
 		<>
 			<Box title={t('all-tokens')}>
-				<Table headers={[t('token-name'), 'Actions']}>
+				<Table headers={[t('token-name'), 'Actions']} colWidths={[85, 15]}>
 					{Object.keys(props.fin4Tokens).map((addr, index) => {
 						let token = props.fin4Tokens[addr];
 						return (