当前位置:Gxlcms > JavaScript > 原生javascript实现简单的datagrid数据表格_javascript技巧

原生javascript实现简单的datagrid数据表格_javascript技巧

时间:2021-07-01 10:21:17 帮助过:7人阅读

简单的datagrid

1.排序 自定义排序方式

2.编辑

3.拖拽

4.分页

5.单选 多选(ctrl) 线性选(shift)

6.文字render 就是给文字着色 比如 大于0红色 小于0绿色

7.对列的显示隐藏

8.分组

只是一个示例 没有什么与后台的借口

其实可以写几个回调就行了 里面有loading条 可以在没返回结果前一直显示

代码如下:





table



1.排序 自定义排序方式


2.编辑


3.拖拽


4.分页


5.单选 多选(ctrl) 线性选(shift)


6.文字render 就是给文字着色 比如 大于0红色 小于0绿色


7.对列的显示隐藏


8.分组





下面是分组的 且有一个自定义排序方式 很好 一般 很差