reactjs - 如何更改 React Material-Table 上表头列的默认排序图标?
问题描述
我可以更改 React Material-Table 表标题列上的默认排序图标吗?前任。我想将 asc 排序图标更改为 ArrowDownward 并将 desc 排序图标更改为 ArrowUpward。我尝试在 MaterialTable 上设置 SortArrow 图标道具,但它显示在每个表标题列上,即使它不是活动的排序列。请帮忙。
代码:
<MaterialTable ... icons={{ SortArrow: () => <ArrowDownwardIcon /> }}
解决方案
您必须像这样转发裁判:
import React, { forwardRef } from 'react';
...
<MaterialTable>
icons={{ SortArrow: forwardRef((props, ref) => <ArrowDownwardIcon{...props} ref={ref}/>)}}
<MaterialTable>
这会将所需的道具传递给您的自定义图标,并且它将起作用。
推荐阅读
- azure - 如何使用 Azure Devops 将 azure GIT repos 文件从一个文件夹移动到另一个文件夹
- sqlite - 如何使用 STRFTIME 计算两个日期之间的差异,给出时间长度?
- javascript - Framer-motion:未在子元素上调用 onAnimation 回调
- javascript - 如果不满足值,如何停止计时器并检查值继续,否则停止计时器并做某事
- python - 我似乎无法在 Python 中更新数据框中的样式
- spring - 冬眠和春天的坚持
- opengl - OpenGL:如何以 10 位(或 12 位或 16 位)通道深度颜色渲染三角形网格?
- matlab - 不确定如何处理错误消息“无法从单元格转换为双精度”。
- r - R改变轴缩放
- python - 如何根据python pandas中的1个以上唯一类别过滤数据