Externe jQuery-Plugins nutzen
Eingetragen von anneka (47)am 12.04.2017 - 10:50 Uhr in
Hallo zusammen,
ich versuche für eine Views-Tabelle (views 7x3.16) dieses jQuery Plugin zu nutzen:http://www.jqueryscript.net/table/jQuery-Plugin-For-Fixed-Table-Header-Footer-Columns-TableHeadFixer.html
Ich nutze ein Bootstrap subtheme. in der meintheme.info rufe ich das Plugin mit
scripts[] = 'scripts/tableHeadFixer.js'
scripts[] = 'scripts/snippets.js' (Datei, in der ich verschiedene kleine Snippets habe)
auf.
In der snippets.js "feuer" ich die Funktion ab
(function ($) {
Drupal.behaviors.fsfix = {
attach: function (context, settings) {
$("#fixTable").tableHeadFixer({'left' : 1});
}
};
}(jQuery));Das views template habe ich so abgeändert, dass der table tag die "id=fixTable" hat.
Lade ich die View jetzt sehe ich im Quelltext, dass sich was getan hat und die entsprechenden styles dem parent div und den th-tags hinzugefügt werde, z.B.
<th style="background-color: white; position: relative; top: 0px;">Spalte 1</th>
Soweit alles gut, aber wenn ich scrolle, sollte sich der Inhalt des style="" eigentlich anpassen, so wie hier im Beispiel: http://www.jqueryscript.net/demo/jQuery-Plugin-For-Fixed-Table-Header-Fo...
Zum Beispiel, wenn ich 100px runterscrolle:
<th style="background-color: white; position: relative; top: 103px; left: 0px;">Spalte 1</th>
Wenn ich scrolle passiert aber nichts.
Dass der Quelltext sich am Anfang ändert, heißt doch eigentlich, dass das Skript geladen wird, oder?
Aber scheinmal lädt es nur einmal und dann passiert beim scrollen nichts.
Übersehe ich hier irgendwas Grundlegendes? Wahrscheinlich stelle ich es mir einfacher vor als es ist?
Wie immer bin ich für sämtliche Hilfestellungen Dankbar.
Viele Grüße
- Anmelden oder Registrieren um Kommentare zu schreiben
mal losgelöst davon: drupal7
am 13.04.2017 - 08:58 Uhr
mal losgelöst davon: drupal7 hat doch ein eigens table fixed header
C.A.W. Webdesign
Hallo, ja schon, aber mir ist
am 13.04.2017 - 17:12 Uhr
Hallo,
ja schon, aber mir ist es wichtig, dass auch die ersten 3 Spalten fixiert werden. Es gibt zwar auch ein Modul (sticky-columns), das genau das macht, aber das wiederum verträgt sich nicht mit dem Sticky Header.