Inovua React Data Grid - 无法设置 textAlign 列属性（打字稿）答案

【问题标题】：Inovua React Data Grid - can't set textAlign column property (typescript)Inovua React Data Grid - 无法设置 textAlign 列属性（打字稿）
【发布时间】：2021-11-05 10:55:36
【问题描述】：

我目前正在使用 Inovua RDG 并试图将每个网格单元的内容居中，但遇到令人沮丧的打字错误：

Type '{ name: string; header: string; textAlign: string; defaultFlex: number; defaultVisible?: undefined; }' is not assignable to type 'TypeColWithIdProperty'.
    Types of property 'textAlign' are incompatible.
      Type 'string' is not assignable to type '"end" | "left" | "center" | "right" | "start" | undefined'.

这是我的代码，我在其中定义了列：

{ name: "id", header: "Id", defaultVisible: false },
{ name: "simId", header: "Sim ID", textAlign: "center", defaultFlex: 0.75 },
...

为什么会这样？我在这里直接从他们的参考文档中复制：columns.textAlign

我只是犯了一个愚蠢的语法错误还是什么？

谢谢！！

【问题讨论】：

标签： reactjs typescript text-align react-data-grid

【解决方案1】：

好的，这可能是 Inovua RDG 的一个错误，但这是我为解决该问题所做的：

由于 'string' 和 textAlign 的各种可能值之间存在奇怪的类型问题，我只是手动创建了正确的类型：

type TextAlign = "end" | "left" | "center" | "right" | "start" | undefined;

然后在我的专栏中，我只是将 textAlign 值设置为：

{
  name: "simId",
  header: "Sim ID",
  textAlign: "center" as TextAlign,
  defaultFlex: 1
},

然后我的错误就消失了！希望对您有所帮助。

【讨论】：