Есть ли способ использовать пользовательские компоненты для заголовков в таблице материалов? (ФИКСИРОВАННЫЙ)

Question

Есть ли способ использовать пользовательские компоненты для заголовков в таблице материалов? В отличие от ячеек данных, где вы можете использовать функцию render: rowData => (), я не могу найти способ изменить ячейки заголовка в пользовательский компонент. Большое спасибо!

В соответствии с запросом, вот скриншот того, как он выглядит в настоящее время:

То, что я хочу достичь sh, имеет SCHEDULE , BREAKFAST , LUNCH и DINNER заголовки столбцов, чтобы иметь некоторые дополнительные компоненты вместо того, чтобы иметь его в виде текста.

Примерно так:

         SCHEDULE
SUN-MON-TUE-WED-THU-FRI-SAT   

 BREAKFAST
05:00-07:00

и вот пример кода о том, как установить заголовки заголовков в настоящее время:

  const [state, setState] = React.useState({
    columns: [
      {
        title: "MEAL",
        field: "meal",
        headerStyle: {
          textAlign: "left"
        },
        render: rowData => (
          <Link to={"/meals"} className={classes.mealNamesLink}>
            {rowData.meal}
          </Link>
        )
      },
      {
        title:"SCHEDULE",
        field: "schedule",
        headerStyle: {
          textAlign: "left"
        },
        cellStyle: {
          margin: 0,
          padding: 0
        },

, как вы можете видеть, Мне удалось превратить ячейки содержимого в пользовательский компонент с помощью метода render в столбце Meals , но я не могу изменить заголовки на пользовательский компонент, поскольку он устанавливается с помощью title:

Answer 1

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

Например:

title: <p> I am really dumb for not knowing this </p>

Я собираюсь закрыть это сейчас, но вот ответ для тех, кто может оказаться в загадке, как я (я сомневаюсь).