Material-UI React表在渲染上抛出边框

时间:2016-03-30 14:35:56

标签: reactjs material-design material-ui

我正在寻找快速修复此问题。看起来每当我从一个在Material-UI.com表中的API调用返回的数据集中渲染时(在样式方面没有添加它会将其抛弃),它给了我看起来像边框但边缘或填充到右边的东西。有任何经验请告诉我。图片显示如下:

enter image description here

此处的表格代码:

<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>

0 个答案:

没有答案