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

这篇文章主要介绍了原生javascript实现简单的datagrid数据表格的方法，效果十分棒,需要的朋友可以参考下

简单的datagrid

1.排序自定义排序方式

2.编辑

3.拖拽

4.分页

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

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

7.对列的显示隐藏

8.分组

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

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

复制代码代码如下:

http://www.w3.org/1999/xhtml">

table

排序 自定义排序方式

编辑

拖拽

分页

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

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

对列的显示隐藏

分组

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