如何更改 React Material-Table table header 列的默认排序图标?
How to change default sorting icon on table header column on React Material-Table?
我可以更改 React Material-Table table header 列上的默认排序图标吗?前任。我想将 asc 排序图标更改为 ArrowDownward,将 desc 排序图标更改为 ArrowUpward。我尝试在 MaterialTable 上设置 SortArrow 图标道具,但它显示在每个 table header 列上,即使它不是活动的排序列。请帮忙。
代码:
<MaterialTable ... icons={{ SortArrow: () => <ArrowDownwardIcon /> }}
你必须像这样转发参考:
import React, { forwardRef } from 'react';
...
<MaterialTable>
icons={{ SortArrow: forwardRef((props, ref) => <ArrowDownwardIcon{...props} ref={ref}/>)}}
<MaterialTable>
这会将所需的道具传递给您的自定义图标,它会起作用。
您可以简单地将组件作为值传递
icons={{
SortArrow: ArrowDropUpIcon,
}}
我可以更改 React Material-Table table header 列上的默认排序图标吗?前任。我想将 asc 排序图标更改为 ArrowDownward,将 desc 排序图标更改为 ArrowUpward。我尝试在 MaterialTable 上设置 SortArrow 图标道具,但它显示在每个 table header 列上,即使它不是活动的排序列。请帮忙。
代码:
<MaterialTable ... icons={{ SortArrow: () => <ArrowDownwardIcon /> }}
你必须像这样转发参考:
import React, { forwardRef } from 'react';
...
<MaterialTable>
icons={{ SortArrow: forwardRef((props, ref) => <ArrowDownwardIcon{...props} ref={ref}/>)}}
<MaterialTable>
这会将所需的道具传递给您的自定义图标,它会起作用。
您可以简单地将组件作为值传递
icons={{
SortArrow: ArrowDropUpIcon,
}}