Reactjs IDETAILS列样式Microsoft结构内部详细信息列表用法

我正在使用Microsoft fabrics详细信息列表控件

<DetailsList
          items={items}
          columns={columns}
          layoutMode={DetailsListLayoutMode.justified}
          selectionPreservedOnEmptyClick={true}
          selectionMode={SelectionMode.none}
          styles={DetailsListStyle}
        />

我已经给出了列表的样式，如下所示

export const DetailsListStyle: Partial<IDetailsListStyles> = {
root: {
selectors: {
  "span[class^='ms-DetailsHeader-cellName']": {
    fontSize: '12px',
    color: '#6E6F77',
    fontWeight: 400
  },
  "div[class^='ms-DetailsRow-cell']": {
    fontSize: '14px',
    color: '#333333'
  }
 }
}
};

export const DetailsListStyle:Partial={
根目录：{
选择器：{
“span[class^='ms-DetailsHeader-cellName']”：{
fontSize:'12px'，
颜色：“#6E6F77”，
体重：400
},
“div[class^='ms-DetailsRow-cell']”：{
fontSize:'14px'，
颜色：“#333333”
}
}
}
};

现在，我想使用IDetailsColumnStyle设置列，那么我该怎么做呢

const FormAccessCheckerColumnStyles: Partial<IDetailsColumnStyles> = {
cellTooltip: {
justifyContent: 'center'
}
  };

const FormAccessCheckerColumnStyles:Partial={
手机提示：{
为内容辩护：“中心”
}
};