Я использую antd Table с Typescript, как показано ниже
<Table dataSource={data} columns={columns2} />
Когда я даю align: 'right'
одному из столбцов, он не компилируется. Следующая ошибка показана. Я не мог понять причину root этой проблемы. Любая помощь приветствуется.
Types of property 'align' are incompatible.
Type 'string' is not assignable to type '"right" | "left" | "center" | undefined'. TS2322
47 | public render() {
48 | return (
> 49 | <Table dataSource={data} columns={columns2} />
| ^
50 | );
51 | }
52 | }
Полный код
import React from "react";
import { Table } from "antd";
const columns2 = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
},
{
title: 'Age',
dataIndex: 'age',
key: 'age',
align: 'right'
},
{
title: 'Address',
dataIndex: 'address',
key: 'address',
},
];
const data = [
{
key: '1',
name: 'John Brown',
age: 32,
address: 'New York No. 1 Lake Park',
},
{
key: '2',
name: 'Jim Green',
age: 42,
address: 'London No. 1 Lake Park',
},
{
key: '3',
name: 'Joe Black',
age: 32,
address: 'Sidney No. 1 Lake Park',
},
];
export class Sales extends React.Component<{}, {}> {
public render() {
return (
<Table dataSource={data} columns={columns2} />
);
}
}
export default Sales;