Материал-UI DataGrid — не удалось правильно установить ширину заголовка, соответствующую ширине поля

#user-interface #material-ui #material-design

Вопрос:

Я не могу установить правильную ширину заголовка в DataGrid. У меня есть простое число (0-10). И я хочу отобразить его с заголовком «Активный».

У меня есть поле столбца:

   {
    field: "active",
    type: "number",
    headerName: "Active",
    width: 200,
    align: "left",
    headerAlign: "left"
  },
 

введите описание изображения здесь

Он не выравнивается влево и не отображается, как на прикрепленном изображении. У меня также есть ячейка кнопки значка с заголовком статуса, которая занимает гораздо больше места, чем требуется.
Как я могу убедиться, что ширина поля и ширина заголовка одинаковы ? и как можно меньше ?

Спасибо