简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

Native javascript implements simple datagrid data table_javascript skills

WBOY
Release： 2016-05-16 16:22:34
Original
1418 people have browsed it

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">


table



1.排序 自定义排序方式


2.编辑


3.拖拽


4.分页


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


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


7.对列的显示隐藏


8.分组





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



Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！