Please help us help you and fill where relevant:
LimeSurvey version: 6.3.4
Own server or LimeSurvey Cloud: own
Survey theme/template: fruity
==================
(Write here your question/remark)
Hello,
I have a question as an array table, which is quite long, and I need the header to be fixed, so when the page is scrolled down, the header is always visible.
I tried with three different options but none worked (I found some of them via previous discussions):
clicking sticky headers option in the theme settings of my survey
via css:
gitlab.com/SondagesPro/SurveyThemes/skel...5148271722_6377_6380
and also another version of the css:
.ls-heading.ls-header {
position: sticky;
top: 0;
z-index: 1000;
}
.thead.th {
position: sticky;
top: 0;
z-index: 1000;
background-color: #ffffff;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
and html:
document.addEventListener("DOMContentLoaded", function () {
const table = document.querySelector(".ls-answers.table-bordered");
const thead = table.querySelector("thead"); //
thead.style.position = "sticky";
thead.style.top = "0";
thead.style.zIndex = "1000";
thead.style.backgroundColor = "#ffffff";
});
none of these worked and I'm not sure what else I can try. Would appreciate if someone can provide some guidance here.
Thank you.