Material-ui: [Table] minimum width for "TableRowColumn"

[francescabarbazeni87]

Description

It could be usefull to set the minimum width for a table row column.
In this way when we have a large number of columns the table could automatically show the horizontal overflow.

[eduedix]

@francescabarbazeni87 could you figure out any solution around that?

[AndriusBil]

You could work around it using custom styles:

//...
const styles = {
    longCell: {
        minWidth: '1000px',
    },
    tableWrapper: {
        overflowX: 'auto',
    },
};

const LongTable = ({classes}) => (
    <div className={classes.tableWrapper}>
        <Table>
            <TableHead>
                <TableRow>
                    <TableCell>ID</TableCell>
                    <TableCell className={classes.longCell}>Long Cell</TableCell>
                </TableRow>
            </TableHead>
        </Table>
    </div>
);
//...

[eromoe]

Why not TableCell can not add xs like Grid ??

[oliviertassinari]

@AndriusBil Thanks for sharing a solution.