我正在寻找快速修复此问题。看起来每当我从一个在Material-UI.com表中的API调用返回的数据集中渲染时(在样式方面没有添加它会将其抛弃),它给了我看起来像边框但边缘或填充到右边的东西。有任何经验请告诉我。图片显示如下:
此处的表格代码:
<Table
selectable={false}
fixedHeader={true}
fixedFooter={false}
style={{
backgroundColor: Colors.purple
}}>
<TableHeader
enableSelectAll={false}
displaySelectAll={false}
adjustForCheckbox={false}>
<TableRow displayBorder={false}>
<TableHeaderColumn
style={{
Colors.white
}}>
COLUMN HEADER
</TableHeaderColumn>
<TableHeaderColumn
style={{
color: Colors.white,
width: 100
}}>
COLUMN HEADER
</TableHeaderColumn>
<TableHeaderColumn
style={{
color: Colors.white,
width: 100
}}>
COLUMN HEADER
</TableHeaderColumn>
</TableRow>
</TableHeader>
<TableBody
displayRowCheckbox={false}
stripedRows={true}
showRowHover={true}>
{this.state.ARRAY.map(function(row, index) {
if (moment(row.START_OF_QUARTER).isSame(quarterSelected)) {
return (
<TableRow style={{color: Color.white}} key={index} displayBorder={false}>
<TableRowColumn>
{row.User}
</TableRowColumn>
<TableRowColumn
style={{width: 100}}>
${row.DATA}
</TableRowColumn>
<TableRowColumn
style={{width: 100}}>
{row.DATA}
</TableRowColumn>
</TableRow>
);
}
})}
</TableBody>
</Table>