React ProTable 实现表格序号和自定义标题 - 优化方案

import\sReact,\s{\suseState\s}\sfrom\s'react';\nimport\s{\sPageContainer\s}\sfrom\s'@ant-design/pro-layout';\nimport\sProCard\sfrom\s'@/components/ProCard';\nimport\sProTable,\s{\sProColumns\s}\sfrom\s'@ant-design/pro-table';\nconst\sPlanChange\s=\s()\s=>\s{\n\tconst\scolumns:\sProColumns[]\s=\s[\n\t\t{\n\t\t\ttitle:\s'序号',\n\t\t\twidth:\s50,\n\t\t\tdataIndex:\s'index',\n\t\t\talign:\s'center',\n\t\t\tvalueType:\s'index',\n\t\t}\n\t];\n\treturn\s(\n\t\t<PageContainer\sclassName="planchanges">\n\t\t\t\n\t\t\t\t<div\sclassName="TableStyle">\n\t\t\t\t\t<ProTable\n\t\t\t\t\t\trowKey={'key'}\n\t\t\t\t\t\tcolumns={columns}\n\t\t\t\t\t\theaderTitle={\n\t\t\t\t\t\t\t<div\sclassName="table-box">\n\t\t\t\t\t\t\t\t<div\sclassName="plane_box1">1