Question

我想为我的表构建一个过滤器，我正在测试，但现在我现在不知道如何为它创建一个升序和降序功能，你能帮助我吗！提前谢谢！

import axios from 'axios';

export function getDashboardList() {
    return dispatch => {
        axios.get('http://localhost:8080/otimizacao_rank')
            .then(response => { dispatch([{ type: 'RANKPARAM_FETCHED', payload: response.data }]) })
    }
}

export function filterTable(tableList, filters) {

  
  
    var filteredTable = tableList;
//First the filters are mapped
    Object.keys(filters).map((it) => {
        // save the field name that the user selected
        const fieldName = filters[it].field;
        // Check the type of ordering that the user wants
        switch (filters[it].type) {    
            case '>':
                filteredTable = Object.keys(filteredTable).map((it) => {
                    // And here should be the logic for each operation,
                    filteredTable[it][fieldName] =  '1' // sort the table in ascending order
                   
                    return filteredTable[it]
                })
                break;
            case '<':
                filteredTable = Object.keys(filteredTable).map((it) => {
                   
                    filteredTable[it][fieldName] = '0' //sort the table in descending order
                    return filteredTable[it]
                })
                break;
        }
    })

    return { type: 'RANKPARAM_FILTERED', payload: filteredTable }

}

Answer 1

您应该查看https://react-table.js.org/#/story/readme

react-table是为React

构建的轻量级，快速且可扩展的数据网格

我在我的一个项目中使用过它很简单..如果你遇到任何问题，请告诉我。

Answer 2

您也可以使用固定数据表。它允许使用附加功能来过滤和排序表中的数据元素。

有关详细信息，请访问： See the docs

对表格进行排序 - React.js

2 个答案: