如何在 SlickGrid 中启用可排序的列答案

【问题标题】：How to enable sortable columns in SlickGrid如何在 SlickGrid 中启用可排序的列
【发布时间】：2012-10-20 01:03:49
【问题描述】：

我正在努力让 SlickGrid 数据表运行起来，但最常用的功能，即移动列的能力，却让我望而却步。我假设我必须删除显示enableColumnReorder: false 的选项（当然要确保选项末尾没有尾随逗号），但是当我这样做时，网格根本无法运行。我已经将它与 SlickGrid 自己的演示示例进行了比较，以尝试查看我是否缺少某些东西，但这一切似乎都是合法的。有人可以告诉我我缺少什么脚本和/或选项吗？

这是我的例子：http://www.tomryandesign.com/dev/datagrid/custom2/

【问题讨论】：

那么，您想对列重新排序或对列启用排序？
有区别吗？我想要做的是能够点击列标题并移动它们，并在页面加载后手动重新排序。
您可能已经这样做了 - 尝试设置 enableColumnReorder: true..
是的，我试过了。在slick.grid.js脚本中，enableColumnReorder选项的默认值为true，所以在页面脚本的选项中将其设置为true与完全删除它的效果是一样的，即网格完全停止运行。

标签： jquery slickgrid

【解决方案1】：

我发现问题出在我使用的 jQuery UI 版本上。 SlickGrid 显然与 jQuery UI 1.9 不兼容。

【讨论】：

没错，这里正在讨论兼容性问题。 github.com/mleibman/SlickGrid/issues/518

【解决方案2】：

您是否尝试在列设置对象中使用sortable: true？

& 然后为您编写关于排序的自定义逻辑。例如。

gridObj.onSort = function(e, args) {
 gridData.sort(comparer);
 gridObj.invalidate(); 
}

function comparer(a,b) {
  //returns your custom logic to sorting the rows.
}

【讨论】：