Hinzufügen eines benutzerdefinierten Java-Skripts zu Qliksense

Question

Ich gebe zu, dass ich ein Neuling in Web-Entwicklung bin. Ich finde eine Möglichkeit, den Header einzufrieren, während der horizontale und vertikale Bildlauf beibehalten wird.

Derzeit versuche ich, die CSS und JS für meine Qliksense-Erweiterung zu konfigurieren.

Ich jedoch ein Problem beim Versuch, den JS-Teil in meine JS-Datei hinzuzufügen. Hier ist ihre Anweisung, aber ich verstehe nicht http://help.qlik.com/en-US/sense-developer/2.2/Subsystems/Extensions/Content/extensions-load-resources.htm

Grundsätzlich muss ich den folgenden JS in die Datei hinzufügen.

$('table').on('scroll', function() { 
    $("table > *").width($("table").width() + $("table").scrollLeft()); 
}); 

Kann mir jemand helfen, dieses Thema :(

Answer 1

in dem js direkt nach $element.html(html); Datei hinzufügen.

.qv-object-horizontal_scroll_table div.qv-object-content-container { 
    overflow: auto; <-- Need to be removed 
} 

:

$('table').on('scroll', function() { 
    $("table > *").width($("table").width() + $("table").scrollLeft()); 
}); 

in der CSS-Datei, die die overflow: auto; entfernen

Auch in der CSS-Datei fügen Sie die CSS aus dem Geige Beispiel:

table { 
    border-collapse: collapse; 
    width: 300px; 
    overflow-x: scroll; 
    display: block; 
} 
thead { 
    background-color: #EFEFEF; 
} 
thead, tbody { 
    display: block; 
} 
tbody { 
    overflow-y: scroll; 
    overflow-x: hidden; 
    height: 140px; 
} 
td, th { 
    min-width: 100px; 
    height: 25px; 
    border: dashed 1px lightblue; 
} 

Danach bewegt sich die Kopfzeile beim Scrollen nicht. Das Ergebnis:

Entfernen Sie auch den gesamten Code, der unter //start adding customized function ist. Wenn Sie eine externe js/css-Datei hinzufügen möchten, müssen Sie RequireJS verwenden. Für weitere Informationen hierzu, werfen Sie einen Blick auf diese Load local Javascrtip files. Im Allgemeinen werfen Sie einen Blick auf das gesamte Projekt/Tutorial