javascript - 将自定义 Java 脚本添加到 Qliksense

Question

我承认我是 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());
});

任何人都可以帮我解决这个问题:(。

Answer 1

在$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。有关这方面的更多信息，请查看此加载本地 Javascrtip 文件。一般来说，看看整个项目/教程