Как получить полный контроль стилей для таблицы данных из DevExtreme React Grid с помощью Material-UI?

Question

У меня проблемы со стилем оформления DevExtreme React Grid, следуйте туда, где найдена документация здесь .

Вот пример кода У меня есть копия другого репо,Мои вопросы:

1. Как получить полный контроль над стилем, потому что я вижу компонент <Table>, но есть ли способ добавить класс в <th>, <td>, я хотел бычтобы добавить класс или что-то еще, чтобы иметь полный контроль над стилем шрифта или при наведении.

2. Мне очень трудно было заголовок таблицы, например, сменить его на жирный и другой цвет фонаЭто материал UI

3. После добавления метода Fixed Columns при прокрутке моей таблицы стиль не соответствует другой строке моей таблицы, он изменен на всебелый фон, без серого и белого в каждой строке

4. Когда я нажимаю на остальные, я бы хотел изменить строку на другой цвет.

Большое спасибо за вашу помощь!

Answer 1

Я проверил их проблемы с GitHub:

Не полностью поддерживается добавление класса в компонент, но вы можете создать тему для него.

Об найденной стилизации fixColumnдемо из этой песочницы .Надеюсь, что этот пример справки

Проблема разбивки на страницы с сортировкой может быть исправлена ​​следующим образом:

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