Как мне реализовать пользовательскую функцию сортировки в MUI-datatable? - PullRequest
Новая
       37

Как мне реализовать пользовательскую функцию сортировки в MUI-datatable?

0 голосов
/ 06 июня 2019

Я пытаюсь реализовать таблицу данных mui, которая позволяет пользователям сортировать заказы по дате и стоимости валюты.Обе эти точки данных в настоящее время хранятся в виде строк.

Я очень плохо знаком с JavaScript, поэтому мне очень трудно разобраться в примерах из репозитория с поддержкой MUI-данных, которые показывают, как это сделать.

Пример кода из репозитория GitHub с поддержкой MUI-datatable о том, как реализовать пользовательскую сортировку 

import React from "react";
import ReactDOM from "react-dom";
import MUIDataTable from "../../src/";

class Example extends React.Component {

  render() {

    const columns = ["Name", "SurveyScore", "Date"];

    const data = [
      ["Gabby George", 3, "2018-07-06T23:58:59.000Z"],
      ["Aiden Lloyd", 10, "2018-07-06T23:58:53.000Z"],
      ["Jaden Collins", 3, "2018-07-06T23:55:51.000Z"],
      ["Franky Rees", 3, "2018-07-06T22:47:56.000Z"],
      ["Aaren Rose", 8, "2018-07-06T21:59:20.000Z"]
    ];

    const options = {
      filter: true,
      filterType: 'dropdown',
      responsive: 'stacked',
      customSort: (data, colIndex, order) => {
        return data.sort((a, b) => {
          return (a.data[colIndex].length < b.data[colIndex].length ? -1: 1 ) * (order === 'desc' ? 1 : -1);
        });
      }
    };

    return (
      <MUIDataTable title={"Survey Scores"} data={data} columns={columns} options={options} />
    );

  }
}

ReactDOM.render(<Example />, document.getElementById("app-root"));
...