ANTD 可编辑标题行

Question

我需要在表格中创建一个可编辑的标题行。 我尝试将第一行操作为标题行，而隐藏了真正的标题。 它运作良好，但在将其转换为新页面时出现问题，因为第一行不会显示在第二页上。 我是否可以自定义和编辑表格标题行？

Answer 1

import { useState } from "react";
import { Table, Typography } from "antd";
import { data } from './data'


export const App = () => {
  const [editableStr, setEditableStr] = useState(
    "This is an editable text."
  );

  const columns = [
    {
      title: (
        <Typography.Text editable={{ onChange: setEditableStr }}>
          {editableStr}
        </Typography.Text>
      ),
      dataIndex: "name",
      key: "name",
    },
  ];

  return <Table columns={columns} dataSource={data} />;
};