如何使用material-ui从DevExtreme React Grid获取数据表的完全控制样式？

Question

我在设计DevExtreme React Grid的样式时遇到麻烦，然后在here文档中找到了它。

这是我从其他仓库中复制的sample code。 我的问题：

1. 我如何获得样式的完全控制权，因为我看到了<Table>组件，但是有一种方法可以将类添加到<th>, <td>中，我想添加类或某种方式可以完全控制字体大小或悬停样式。

2. 我的表格标题非常麻烦，喜欢更改为粗体和其他背景颜色，具体取决于用户界面

3. 在我滚动表格时添加了Fixed Columns方法之后，该样式与我的其他表格行不匹配，将其更改为全白色背景，每行没有灰色和白色

4. 当我碰到其余部分时，我想将行更改为另一种颜色。

非常感谢您的帮助！

Answer 1

我检查了他们的GitHub问题：

不完全支持向组件添加类，但是您可以create a theme for it.

关于fixColumn样式从此sandbox找到了演示。希望这个示例帮助

排序的分页问题可以通过以下方法解决：

//after state area:
changePageSize = pageSize => this.setState({ pageSize });
// Plugin
<PagingState
   defaultCurrentPage={0}
   pageSizes={pageSizes}
   defaultPageSize={15}
   onPageSizeChange={this.changePageSize}
/>
<IntegratedPaging />
//UI 
<PagingPanel pageSizes={pageSizes} />