@ant-design/pro-table not working
I added ProTable from ant-desing. The problem is with some features like fix columns which is not working.
`
const columns: ProColumns<ComparisionType>[] = [
{
dataIndex: 'comparisonName',
title: translate("pages.pricingAuditComparisions.columns.alias"),
fixed: true,
},
{
dataIndex: 'id',
title: translate("pages.pricingAuditComparisions.columns.id"),
},
{
dataIndex: ["mainStore", "locationsGroup", "locationsGroupName"],
width: '20%',
title: translate("pages.pricingAuditComparisions.columns.locationGroup"),
},
{
dataIndex: ["mainStore", "name"],
width: '20%',
title: translate("pages.pricingAuditComparisions.columns.location"),
},
];
<ProTable<ComparisionType>
{...tableProps}
sticky
loading={loading}
columns={columns}
actionRef={actionRef}
dataSource={dataSource}
request={handleFilter}
options={{ reload: false, fullScreen: true, setting: false }}
search={false}
toolbar={{
search: { onSearch: handleOnSearch },
actions: [create]
}}
/>const columns: ProColumns<ComparisionType>[] = [
{
dataIndex: 'comparisonName',
title: translate("pages.pricingAuditComparisions.columns.alias"),
fixed: true,
},
{
dataIndex: 'id',
title: translate("pages.pricingAuditComparisions.columns.id"),
},
{
dataIndex: ["mainStore", "locationsGroup", "locationsGroupName"],
width: '20%',
title: translate("pages.pricingAuditComparisions.columns.locationGroup"),
},
{
dataIndex: ["mainStore", "name"],
width: '20%',
title: translate("pages.pricingAuditComparisions.columns.location"),
},
];
<ProTable<ComparisionType>
{...tableProps}
sticky
loading={loading}
columns={columns}
actionRef={actionRef}
dataSource={dataSource}
request={handleFilter}
options={{ reload: false, fullScreen: true, setting: false }}
search={false}
toolbar={{
search: { onSearch: handleOnSearch },
actions: [create]
}}
/>