1

在过去的几个小时里，我发现自己沉浸在 react 表的类型中，无法理解它们。我正在尝试为应该在移动屏幕上折叠的列添加自定义列属性：

export const COLUMNS = [
    {
        Header: "Address",
        accessor: "address",
        Filter: FreeFilter,
        disableFilters: true,
        collapse: true,
    },
]

但是，字段折叠不会出现在列类型上，我正在尝试以某种方式添加它：

<Table variant="simple" {...getTableProps()}>
    <Thead>
        {headerGroups.map((headerGroup) => (
            <Tr {...headerGroup.getHeaderGroupProps()}>
                {headerGroup.headers.map((column: any) => { <-- I don't want to use any here
                    return (
                        <Th {...column.getHeaderProps()} className={column.collapse ? "A": "B"}>
                            <span>
                                {column.render("Header")}
                            </span>
                        </Th>
                     );
                  })}
            </Tr>
          ))}
     </Thead>
     <Tbody {...getTableBodyProps()}>
       [...]
     </Tbody>
</Table>

我不确定如何在此处更改输入，并希望看到一个示例，说明如何使用正确的输入更改列。也许有人已经想通了。

谢谢！

4

0 回答 0