Heim  >  Artikel  >  Web-Frontend  >  Natives Javascript implementiert einfache Datagrid-Datentabellen-Javascript-Fähigkeiten

Natives Javascript implementiert einfache Datagrid-Datentabellen-Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 16:22:341411Durchsuche

Einfaches Datenraster

1. Sortieren Benutzerdefinierte Sortiermethode

2. Bearbeiten

3. Ziehen

4. Paginierung

5. Einzelauswahl, Mehrfachauswahl (Strg), lineare Auswahl (Umschalt)

6. Beim Rendern von Text wird der Text eingefärbt, z. B. rot, wenn er größer als 0 ist, und grün, wenn er kleiner als 0 ist.

7. Spalten ein- und ausblenden

8. Gruppierung

Nur ​​ein Beispiel, keine Ausreden mit dem Backend

Tatsächlich können Sie einfach ein paar Rückrufe schreiben. Im Inneren befindet sich eine Ladeleiste, die angezeigt werden kann, bis das Ergebnis zurückgegeben wird

Code kopieren Der Code lautet wie folgt:

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


table



1.排序 自定义排序方式


2.编辑


3.拖拽


4.分页


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


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


7.对列的显示隐藏


8.分组





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