So korrigieren Sie die Kopfzeile der Tabelle in Laui-Layui-Tutorial-php.cn

So korrigieren Sie die Kopfzeile der Tabelle in Laui

藏色散人

Freigeben： 2020-11-19 10:57:55

Original

6382 Leute haben es durchsucht

So korrigieren Sie den Tabellenkopf in Laui: Suchen Sie zuerst die Datei table.js in Laui. Fügen Sie dann das Attribut fiexdRowHeight zur Variablentabelle hinzu. ))" Das ist es.

So korrigieren Sie die Kopfzeile der Tabelle in Laui

Empfohlen: „layUI-Tutorial“

Erfolgseffekt: Die Paginierung in der Kopfzeile und am unteren Rand wurde korrigiert und beim Scrollen mit der Maus werden nur die Daten im Hauptteil nach oben gescrollt. Der Effekt ist wie folgt:

So korrigieren Sie die Kopfzeile der Tabelle in Laui

1. Suchen Sie die Datei table.js in Laui und fügen Sie Attribute zur Variablentabelle hinzu, wie im roten Feld gezeigt: So korrigieren Sie die Kopfzeile der Tabelle in Laui

fiexdRowHeight: Ob die feste Zeilenhöhe aktiviert werden soll, die Standardeinstellung ist falsch

fiexdRowHeight_rows : Die Anzahl der in der Tabelle angezeigten Elemente, der Standardwert ist 10. Die beiden oben genannten Parameter können einzeln übergeben werden

2. Finden Sie die pullData-Funktion:

So korrigieren Sie die Kopfzeile der Tabelle in Laui

So korrigieren Sie die Kopfzeile der Tabelle in Laui Funktion, der asynchrone Anforderungsrückruf ist erfolgreich. Fügen Sie schließlich den folgenden Code zur Erfolgsfunktion hinzu:

//固定行高、表头处理
if(Object.prototype.toString.call(options.fiexdRowHeight).slice(8, -1) === 'Boolean' && options.fiexdRowHeight) {
    var p_ = $("[lay-id='" + options.id +  "']")
    var tr_len = p_.find(ELEM_MAIN).find("tr").length
    if(tr_len > 10){
        if(Object.prototype.toString.call(options.fiexdRowHeight_rows).slice(8, -1) !== 'Number') {
            options.fiexdRowHeight_rows = 10
        }
        var height_main = (options.fiexdRowHeight_rows * 39) + 'px'
        var height_fixed = (options.fiexdRowHeight_rows * 39) + 'px'
        //如果出现横向滚动条时
        if(p_[0].parentNode.clientWidth < document.getElementsByClassName('layui-table-main')[0].getElementsByClassName('layui-table')[0].clientWidth) {
            height_main = ((options.fiexdRowHeight_rows * 39) + 18) + 'px'
        }
        p_.find(ELEM_MAIN).css("height", height_main);
        p_.find(ELEM_FIXL).find(ELEM_BODY).css("height", height_fixed);
        p_.find(ELEM_FIXR).find(ELEM_BODY).css("height", height_fixed);
    }else {
        p_.find(ELEM_MAIN).css("height", "auto");
        p_.find(ELEM_FIXL).find(ELEM_BODY).css("height", "auto");
        p_.find(ELEM_FIXR).find(ELEM_BODY).css("height", "auto");
    }
}

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo korrigieren Sie die Kopfzeile der Tabelle in Laui. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!