Native javascript implements simple datagrid data table_javascript skills

Simple datagrid

1. Sorting Custom sorting method

2. Edit

3. Drag

4. Pagination

5. Single selection, multiple selection (ctrl), linear selection (shift)

6. Text render is to color the text, such as red if greater than 0 and green if less than 0

7. Show and hide columns

8. Grouping

Just an example no excuses with the backend

In fact, you can just write a few callbacks. There is a loading bar inside, which can be displayed until the result is returned

Copy code The code is as follows:

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






1.排序 自定义排序方式


2.编辑


3.拖拽


4.分页


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


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


7.对列的显示隐藏


8.分组

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