Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Natives Javascript implementiert einfache Datagrid-Datentabellen-Javascript-Fähigkeiten

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

WBOY
Freigeben： 2016-05-16 16:22:34
Original
1455 Leute haben es durchsucht

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.分组





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



Neueste Artikel des Autors
Aktuelle Ausgaben
Reine CSS-Methode zum dynamischen Ändern der Bildquelle beim Klicken ohne Verwendung von JavaScript Ich muss den Quellcode eines Bildes per Mausklick ändern, indem ich nur CSS wie img:active...
Aus 2024-04-06 19:25:49
0
1
505
Streudiagrammpunkte behalten beim Zoomen in d3.js keine Werte bei Dies ist das erste Mal, dass ich d3.js verwende. Bitte haben Sie Geduld. Ich habe es als r...
Aus 2024-04-06 18:16:26
0
1
403
JavaScript-Hover-Ereignisse für herstellerspezifische Pseudoelemente 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
Aus 2024-04-06 15:35:24
0
1
274
Formular ohne Schaltfläche mit Javascript/Jquery senden Ich versuche, ein Formular ohne Schaltfläche zu senden, indem ich eine JavaScript-Funktion...
Aus 2024-04-06 14:54:03
0
2
421
Passen Sie das Erscheinungsbild von Bootstrap-Akkordeon-Headern mithilfe der CollapseDisplay-Klasse an Ich möchte den Kartentitel eines Panels mit der Klasse Collapseshow formatieren. In diesem...
Aus 2024-04-06 12:53:11
0
1
376
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage

Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！

Über uns Haftungsausschluss Sitemap

© php.cn All rights reserved