相关疑难解决方法(0)

我想使用css在Material UI表上设置列宽(不是使用"classes"进行反应).但我不明白如何控制列宽.我尝试在TH列上设置宽度,但它不起作用.

参见示例: Material ui table示例 (请参阅style.css)

我不明白如何在Mui表的" 简单表 "上控制表列宽度:简单表(您可以看到第一列比其他列宽.如何？)

那么它是如何工作的,我该如何修改设置呢？

我正在用react js构建一个Web应用程序，并且正在使用material-ui组件库。我正在使用表格组件，它在台式机上看起来不错，但我希望它进行调整并在移动浏览器上也不错。material-ui支持这样的事情吗？我该怎么做？当前情况的示例：PC \ Mobile：

源代码：

import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import Table from '@material-ui/core/Table';
import TableBody from '@material-ui/core/TableBody';
import TableCell from '@material-ui/core/TableCell';
import TableHead from '@material-ui/core/TableHead';
import TableRow from '@material-ui/core/TableRow';
import Paper from '@material-ui/core/Paper';

const styles = theme => ({
  root: {
    width: '100%',
    marginTop: theme.spacing.unit * 3,
    overflowX: 'auto',
  },
  table: {
    minWidth: 700,
  },
});

let id = 0;
function createData(name, calories, fat, carbs, protein) {
  id += 1; …