Как настроить стиль заголовка столбца в списке сведений

Question

Как изменить размер шрифта и заполнение ячейки заголовка в списке деталей. Я использую onRenderDetailsHeader prop для настройки рендеринга заголовка.

private renderDetailsHeader = (detailsHeaderProps: IDetailsHeaderProps) => {
    return (
      <DetailsHeader
        {...detailsHeaderProps}
        onRenderColumnHeaderTooltip={this.renderCustomHeaderTooltip}
      />
    );
  }

private renderCustomHeaderTooltip = (tooltipHostProps: ITooltipHostProps) => {
  return (
    <span
      style={{
        display: "flex",
        fontFamily: "Tahoma",
        fontSize: "10px",
        justifyContent: "left",
        paddingLeft: '0 px'
      }}
    >
      {tooltipHostProps.children}
   </span>
  );
}

Codepen

Answer 1

В IDetailsHeaderProps['columns'] или просто IColumn[] => IColumn имеет ключ headerClassName, в котором вы можете указать необходимые стили для каждого столбца.