Sticky-Table-Header

Ich bin mit diesem plugin zu erzielen sticky-Table-Header in meine Tabelle. Eigentlich wie in der plugin-Beispiel und in meine Seite, in der Kopfzeile der Tabelle verschwinden etwas später die Letzte Zeile in der Tabelle. Ich möchte meinen Tabellenkopf verschwindet genau dann, wenn die Letzte Zeile verschwunden ist.Es ist eine chance, das zu erreichen?

InformationsquelleAutor Koala7 | 2012-09-13

4

hier ist ein funktionierendes Beispiel: fiddle

alle die ich geändert habe, war das Ende dieser Zeile:
```
if ((scrollTop > offset.top) && (scrollTop < offset.top + $this.height()-base.$clonedHeader.height())) {
```
- Sie sollten einen pull-request
- hey vonflow, ich denke, Sie trifft den Punkt, könnten Sie mir erklären besser die Zeile, die Sie arbeitete es aus? Ich habe gerade einfach gemacht, eine paste und kopieren den code in Jsfiddle, und es scheint, die Arbeit in meinem Projekt zu. Ich mache einen pull-request auf github Angabe Ihres namens. Dank
- Ich habe eigentlich nur herausgefunden, wie man die pull-Anforderungen, so dass ich stecken Sie es in.
- cool ich warte deine Erklärung auf github..lass es mich wissen, wenn es fertig ist
- Es gibt wirklich nicht viel, um es, es nur zahlen in der Höhe der Kopfzeile, wenn es bestimmt, ob oder nicht, um es zu verstecken.
InformationsquelleAutor vonflow
1

Könnte man hinzufügen, einen bug-report auf github:

https://github.com/jmosbech/StickyTableHeaders/issues
- Danke, ich glaube, ich habe zu ändern, plugin, ich kann nicht auf diese angewiesen sind, kann ich nicht beheben, es auf meinem eigenen
InformationsquelleAutor PiTheNumber

Ich weiß, das ist alt, aber ich fühlte, wie trägt etwas, das kann helfen, manche...

Für dynamische Tabellen, in denen die Breite für jede Zelle ist pre-computed), dieses plugin vermasselt die breiten für die Kopfzeile.

Ich ein paar änderungen vorgenommen, die helfen, berechnen Sie die Breite auf jeden outerWidth aus den Zellen auf der Basis der ersten tbody Zeile.

Kommentieren Sie die aktuelle Breite Berechnungen im plugin:

base.updateWidth = function () {
        //Copy cell widths and classes from original header
        $('th', base.$clonedHeader).each(function (index) {
            var $this = $(this);
            var $origCell = $('th', base.$originalHeader).eq(index);
            this.className = $origCell.attr('class') || '';
            //$this.css('width', $origCell.width());
        });

        //Copy row width from whole table
        //base.$clonedHeader.css('width', base.$originalHeader.width());
    };

    //Run initializer
    base.init();

Dann fügen Sie die folgenden am Ende von base.toggleHeaders = function () {

//Set cell widths for header cells based on first row's cells
var firstTr = $this.children("tbody").children("tr").first();
var iCol = 0;
$(firstTr).children("td:visible").each(function() 
{
    var colWidth = $(this).outerWidth();
    console.log(colWidth.toString());
    var headerCell = $this.children("thead.tableFloatingHeader").children("tr").children("th:eq(" + iCol + ")");
    var firstRowCell = $this.children("tbody").children("tr:first").children("td:eq(" + iCol + ")");
    $(headerCell).outerWidth(colWidth);
    $(firstRowCell).outerWidth(colWidth);

    iCol++;
});

InformationsquelleAutor lemiffe

1

Erreicht werden kann dies mit div-Tabellen.
```
.td.header {
  position: sticky;
  top:0px;
}
```
Schauen Sie sich dieses jsfiddle für einfachen Beispiel.

InformationsquelleAutor CarCar
0

Schrieb ich eine jquery-Bibliothek, stellt die Tabelle fixiert werden, an der Spitze der Seite und verschwindet genau dann, wenn die Letzte Zeile verschwunden ist

Dies ist ein kleines jquery-Bibliothek Funktionen, kombiniert mit ScrollFix https://github.com/ShiraNai7/jquery-scrollfix Bibliothek, um eine header-Tabelle fest unter dem Hauptmenü. die Bibliothek unterstützt mehrere Tabellen auf der gleichen Seite

https://github.com/doska80/ScrollTableFixed

InformationsquelleAutor Fernando Siqueira

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.