react-bootstrap-table2 sortFunc 从未调用过
react-bootstrap-table2 sortFunc never called
我正在尝试自定义列的排序算法。
我在 documentation 中看到我应该使用 "sortFunc" 来这样做:
不幸的是我找不到进入功能的方法。
这是我的代码:
const columns = [
{
align: "center",
classes: "font_orange",
dataField: "min",
formatter: priceFormatter,
sort: true,
sortFunc: (a, b, order, dataField, rowA, rowB) => {
let fA = parseFloat(a);
let fB = parseFloat(b);
console.log('IN');
if (order === 'asc') {
return fB - fA;
}
return fA - fB; // desc
},
style: { whiteSpace: "normal" },
text: "Min price"
},
结果是一个按字符串排序的列(类似于默认排序算法)并且没有日志 'IN' 出现在控制台中。
如果您启用了远程:
All the changes are go though onTableChange listener, it's only way that table give fully control to you
https://react-bootstrap-table.github.io/react-bootstrap-table2/docs/basic-remote.html
这可能是您的钩子未被调用的原因。
我正在尝试自定义列的排序算法。 我在 documentation 中看到我应该使用 "sortFunc" 来这样做: 不幸的是我找不到进入功能的方法。
这是我的代码:
const columns = [
{
align: "center",
classes: "font_orange",
dataField: "min",
formatter: priceFormatter,
sort: true,
sortFunc: (a, b, order, dataField, rowA, rowB) => {
let fA = parseFloat(a);
let fB = parseFloat(b);
console.log('IN');
if (order === 'asc') {
return fB - fA;
}
return fA - fB; // desc
},
style: { whiteSpace: "normal" },
text: "Min price"
},
结果是一个按字符串排序的列(类似于默认排序算法)并且没有日志 'IN' 出现在控制台中。
如果您启用了远程:
All the changes are go though onTableChange listener, it's only way that table give fully control to you
https://react-bootstrap-table.github.io/react-bootstrap-table2/docs/basic-remote.html
这可能是您的钩子未被调用的原因。