Angularjs ui-grid 根据给定的列名排序 table
Angularjs ui-grid sorting table according to a given column name
我正在使用 ui-grid 版本 v3.0.0-rc.21-1d9f81f - 2015-05-01 并尝试根据给定的列名称对给定的网格进行排序。我无法在外部对其进行排序(来自 javascript 代码),只能通过定义它并单击网格的 headers.
此版本是否可以通过javascript代码根据网格的列名对网格数据进行排序?
如果您只想在加载网格之前根据 column/field 对其进行排序,只要在从服务器检索数据时使用 angular orderBy 过滤器即可。
$filter('orderBy')(array, expression, reverse)
或者如果你想在初始状态对网格进行排序,你可以在columnDef中定义它,排序方式属性
{
field: 'gender',
sort: {
direction: uiGridConstants.ASC,
priority: 0,
}
}
看看这个plnkr http://plnkr.co/edit/4qQgi76RQpYxbRgbcByX?p=preview
我正在使用 ui-grid 版本 v3.0.0-rc.21-1d9f81f - 2015-05-01 并尝试根据给定的列名称对给定的网格进行排序。我无法在外部对其进行排序(来自 javascript 代码),只能通过定义它并单击网格的 headers.
此版本是否可以通过javascript代码根据网格的列名对网格数据进行排序?
如果您只想在加载网格之前根据 column/field 对其进行排序,只要在从服务器检索数据时使用 angular orderBy 过滤器即可。
$filter('orderBy')(array, expression, reverse)
或者如果你想在初始状态对网格进行排序,你可以在columnDef中定义它,排序方式属性
{
field: 'gender',
sort: {
direction: uiGridConstants.ASC,
priority: 0,
}
}
看看这个plnkr http://plnkr.co/edit/4qQgi76RQpYxbRgbcByX?p=preview