readingsGroup sortierbar machen

[christiang]

Hallo zusammen,

habe neulich ein schickes JavaScript Modul online entdeckt, mit dem man HTML-Tabellen sehr einfach sortierbar machen kann (per Klick auf die Spaltenüberschriften). Ein kurzer Test zeigte, dass es auch auf die ReadingsGroups anwendbar ist, weswegen ich das hier mit euch teilen möchte. Gibt sicher den einen oder anderen, den das interessiert und der damit ein wenig experimentieren möchte.

Das Skript stammt von: http://www.kryogenix.org/code/browser/sorttable/

Zur Verwendung muss das js-File http://www.kryogenix.org/code/browser/sorttable/sorttable.js in den Ordner fhem/www/pgm2 abgelegt und im Fhemweb Device eingebunden werden.

Code Auswählen Erweitern

attr WEB JavaScripts pgm2/sorttable.js
Anschließend muss es nur noch in der ReadingsGroup für die Tabelle aktiviert werden und schon ist die Gruppe sortierbar.

Code Auswählen Erweitern

attr rgroup style class="sortable"

Leider wird dabei das Styling der Tabelle zerschossen, was aber wahrscheinlich über ein CSS korrigiert werden kann. Bin bisher noch nicht dazu gekommen, dem weiter nachzugehen.

mfg, Christian

[Hans Franz]

Sehr schön. Guter Fund.

Code Auswählen Erweitern

class="block wide readingsGroup sortable"
erhält das ursprüngliche Layout bis auf die odd/even-Einfärbung.

Gruß
Hans

[justme1968]

ich habe hier: https://forum.fhem.de/index.php/topic,62440.0.html ein update beschrieben das die funktionalität direkt in die readingsGroup einbaut und es auch ermöglicht beim seitenaufbau automatisch nach einer spalte zu sortiere.

gruss
  andre