javascript - 如何在反应表中使用 getTheadThProps?
问题描述
我的表渲染功能上有这个:
...
const getTheadThProps = (state, rowInfo, column, instance) => {
return {
onClick: (e) => {
// do your thing
// call old handler, HOW ?
}
}
}
return (
<reactTable
...
getTheadThProps={getTheadThProps}
...
/>)
文档谈到 onClick: (e, handleOriginal),试过了,但 handleOriginal 总是未定义,所以文档上的示例不起作用。
当我以这种方式替换单击事件时,“正常”排序机制被破坏(toggleSort - 永远不会调用切换列标题排序状态的方法)。这就是为什么我需要调用原始函数的原因。
解决方案
我遇到了同样的问题。看起来您可以使用以下内容恢复列排序:
getTheadThProps={(state, rowInfo, column, instance) => ({
onClick: () => {
// Do whatever else you need to
if (column.sortable !== false) {
instance.sortColumn(column)
}
},
})
推荐阅读
- python - 加入多索引 pandas 将单个索引添加缺失的行
- c# - 计数器变量不增加
- forms - 是否可以在 configureOptions 中动态设置 data_class?
- mongodb - mongodb图集搜索索引
- asp.net - 将带有外键的 sql 表设计更改为模型类
- git - 壁球拉到一个提交时的冲突
- ruby-on-rails - 如何为我在安装 ubuntu 子系统后开始使用 windows rails 的 rails 项目使用 WSL Ubuntu
- swiftui - SwiftUI:延迟网格的水平滚动视图内的固定标题视图
- r - 在ggplot中分组的两个级别缩放?
- java - 附加 DTO 和查询或具有映射子项的单个实体