0

私は Web 開発の初心者であることを認めます。水平スクロールと垂直スクロールを維持しながらヘッダーをフリーズする方法を見つけています。

現在、Qliksense 拡張機能の CSS と JS を構成しようとしています。

ただし、JS パーツを JS ファイルに追加しようとすると問題が発生します。これが彼らの指示ですが、理解できません http://help.qlik.com/en-US/sense-developer/2.2/Subsystems/Extensions/Content/extensions-load-resources.htm

基本的に、以下の JS をファイルに追加する必要があります。

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

誰でもこの件を手伝ってくれますか:(。

4

1 に答える 1

0

$element.html(html);追加直後のjsファイルに：

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

css ファイルで以下を削除しますoverflow: auto;。

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

また、css ファイルに、フィドルの例からの css を追加します。

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;
}

この後、スクロール中にヘッダー行が移動しません。結果：

ここに画像の説明を入力

の下にあるすべてのコードも削除します//start adding customized function。外部の js/css ファイルを含めたい場合は、RequireJS を使用する必要があります。詳細については、このLoad local Javascrtip filesを参照してください。一般的に、プロジェクト/チュートリアル全体を見てください

于 2016-06-07T20:18:22.433 に答える