如何在JQGrid中按行排序?

时间:2012-05-29 09:26:20

标签: javascript jquery sorting jqgrid

默认情况下,JQGrid支持按列排序。用户可以通过单击列标题对网格进行排序。也可以通过再次单击相同的列标题来切换排序方向。这可以在JQGrid demos

中看到

我需要逐行添加到我的网格中。理想情况下,这将以完全相同的方式工作 - 用户可以单击行标题以按该行中的数据排序,然后再次单击以切换排序方向。

我试图用一个例子说明排序。

按“Col-1”列排序:

       Col-1^ Col-2  Col-3
Row-1  A      B      C
Row-2  B      C      A
Row-3  C      A      B

按行'第2行'排序:

       Col-3  Col-1  Col-2
Row-1  C      A      B
Row-2^ A      B      C
Row-3  B      C      A

如何将其添加到我的JQGrid?

1 个答案:

答案 0 :(得分:2)

在我看来,您可以通过使用onCellSelect回调来完全实现您的要求,当我们点击网格中的单元格时会触发,并使用remapColumns方法更改订单的列。要获取行数据,您可以使用getRowData方法。

更新:我建议您另外查看the answer,其中显示了如何在网格中使用垂直标题。我在具有复选框的列的示例中对其进行了解释,但它与任何内容的工作方式完全相同。