angularjs ag-grid 怎么实现点击表头排序啊？？

qq_27393529 2016-09-01 05:39:12

如题

...全文

643 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

lingfengyinshu123 2017-10-30

打赏
举报

回复

在gridOptions里追加 enableSorting : true,// 排序就可以实现你想要的功能

1.组件添加 enableSorting 属性 2.控制列不排序，在列定义添加 supressSorting 属性

ag-grid表格数字格式排序是按照1,10,11,2,3,4这样排序的，相信很多小伙伴都知道怎么解决，只需要在sort方法内arr.sort(function(a,b){return a-b})就可以，我之前在源码里找到了这个，但是没法解决，翻了翻官方文档，才发现有自定义排序功能通过colDef的comparator属性控制 var columnDefs = [ { field: 'athlete', sort: 'desc' }, { field: 'age', width: 90 },

ag-grid介绍 ag-grid是一款功能和性能强大外观漂亮的表格插件,ag-grid几乎能满足你对数据表格所有需求。固定列、拖动列大小和位置、多表头、自定义排序等等各种常用又必不可少功能.目前项目使用的是企业版. 企业版与社区版的功能区别请参看功能比较 Vue Data Grid: Community and Enterprise (ag-grid.com) ag-grid vue中基本用法 <ag-grid-vue style="width: 100%; height: 800px;borde

先说一下这里个人想到的思路：监听表格列拖拽的事件，获取拖拽后列表头顺序将其保存到localStorage，加载页面或刷新页面时在表格加载完成后获取一下存储到。今天在使用 ag-grid 的时候，遇到一个需求，ag-grid 列表头的信息拖拽后，刷新页面列表头又恢复到了原样，这里需要将顺序保存到。该属性可以控制是否允许列的拖拽，默认为false允许拖拽，设置为true后就进行拖拽了。的表头信息，将表头信息修改；

Ag-Grid 被描述为已在 EULA 下分发的商业产品，并且受到我们提供的技术团队的鼓励。它非常先进，具有类似于行分组以及范围选择、主案例和案例、行的服务器端模型等的性能。Ag-Grid Enterprise 通常带有集成图表，允许用户和开发人员使用网格 UI 生成图表。迄今为止，在 JavaScript 信息网格之前还没有看到 Ag-Grid 的功能和特性以及高质量。Ag-Grid 有很多特性，基本上是 Ag-Grid 的例外，用户只需放置 Ag-Grid，而不必影响其质量或性能。Ag-Grid

87,923

社区成员

224,618

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章