IDetailsColumnStyles detaillist中的Microsoft结构

问题描述

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

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

我给出了list的样式，如下所示。

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'
  }
 }
}
};

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

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

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）