Question

在我的组件状态中有一个'贡献者'数组。此数组的每个元素都是具有某些属性的对象。我想在表格中显示它们。我希望能够对其进行排序和过滤。所以，例如：

<table>
  <tr>
    <th>Name</th>
    <th>Contributions</th>
    <th>Followers</th>
    <th>Repos</th>
    <th>Gists</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td>3000</td>
    <td>12</td>
    <td>30</td>
    <td>30</td>
  </tr>
  <tr>
    <td>George</td>
    <td>200</td>
    <td>0</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr>
    <td>Stephanie</td>
    <td>333</td>
    <td>2</td>
    <td>2</td>
    <td>2</td>
  </tr>
  <tr>
    <td>Caroline</td>
    <td>333</td>
    <td>2</td>
    <td>100</td>
    <td>100</td>
  </tr>
  <tr>
    <td>Paul</td>
    <td>5</td>
    <td>5</td>
    <td>3</td>
    <td>3</td>
  </tr>
  <tr>
    <td>Adam</td>
    <td>9001</td>
    <td>33333</td>
    <td>22</td>
    <td>22</td>
  </tr>
</table>

日期取自API响应中的状态。我希望能够按字母顺序（a-z，z-a）和每个数字（贡献，追随者，回购，要点 - 从大到小，从最小到最大）对其进行排序。并按金额过滤。我正在寻找一个为我做这个的图书馆，但无济于事。我该如何实现？

Answer 1

查看react-data-grid

示例：

ReactJS可过滤，可排序的表格

1 个答案: