Как применить custom CSS в таблице материалов в React?

Question

Привет, я пытаюсь применить пользовательский CSS к таблице материалов, но он не работает должным образом. Я пытался сделать это с помощью функции makeStyles в пользовательском интерфейсе материала, но она все равно не работает. Мне нужна стрелка сортировки сразу после текста. Сейчас стрелка сортировки перемещается влево к тексту. Я также хочу, чтобы стрелка вверх и стрелка вниз вместе. Я создал функцию -

const useStylesTableSort = makeStyles({
  root: {
    flexDirection: "unset",
  },
});

Это мой код таблицы материалов -

<MaterialTable
  className={{useStylesTableSort.root}}
  style={{ flexDirection: "unset" }}
  title=""
/>

Я хочу добавить эту функцию, используя className в таблице материалов, но таблица материалов не поддерживает className. тег стиля тоже не работает. Итак, как я могу этого добиться? Я хочу изменить root css в MuiTableSortLabel. Любая помощь будет принята с благодарностью.

Answer 1

const styles = {
 materialStyle: {
    flexDirection: "unset" 
    }
  }
};

function Table(props) {
  return (
<MaterialTable
className={props.classes.materialStyle}
    />
  );
}

export default withStyles(styles)(Table);

Вы также можете обратиться по этой ссылке: Добавить стиль в Material-UI