Column titles not freezing for frozen columns. #561
Description
Hello!
Love the KTL and all the support for this amazing add on! One of my teachers asked about sticky column headers. Currently our student info table has the first 6 columns sticky and all of the headers should be sticky. The issue is all the column headers stick, EXCEPT the first 6 columns that are sticky right to left. When you scroll up and down, the first six column titles disappear but the rest stick. I am attaching a video. Super strange because this is working in all of my other systems and I am using the same KTL script (see below). Please see the video. Any help would be greatly appreciated!
[Sticky Column Headers Not working.mp4]:https://livepascok12fl-my.sharepoint.com/:v:/g/personal/drushton_pasco_k12_fl_us/IQBtI6F6pGvJTLjLE3OftU1TAcE_CDMAZnlC_3L8eIwKufo?e=sUOm7P&nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJTdHJlYW1XZWJBcHAiLCJyZWZlcnJhbFZpZXciOiJTaGFyZURpYWxvZy1MaW5rIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXcifX0%3D): https://livepascok12fl-my.sharepoint.com/:v:/g/personal/drushton_pasco_k12_fl_us/IQBtI6F6pGvJTLjLE3OftU1TAcE_CDMAZnlC_3L8eIwKufo?e=sUOm7P&nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJTdHJlYW1XZWJBcHAiLCJyZWZlcnJhbFZpZXciOiJTaGFyZURpYWxvZy1MaW5rIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXcifX0%3D
KnackInitAsync = function ($, callback) { // Load the Knack Toolkit Library (KTL)
(window.LazyLoad = LazyLoad) && LazyLoad.js([https://ctrnd.s3.amazonaws.com/Lib/KTL/KTL_Start.js?${Date.now()}], () => {
loadKtl($, callback, (typeof KnackApp === 'function' ? KnackApp : null), '' /KTL version, leave blank to get latest/, 'full'/min or full/);
})
};
window.APP_VERSION = '1.0.0';
window.ktlReady = function (appInfo = {}) {
var ktl = new Ktl($, appInfo);
ktl.core.setCfg({
developerNames: ['Dan Rushton'],
developerEmail: '[email protected]',
devOptionsPin: '9513',
//Main KTL feature switches. Here is where your App can override the defaults and enable/disable the features.
enabled: {
versionInfo: {
viShowAppInfo: true,
viShowKtlInfo: true,
viShowToRoles: ['Developer'],
viPosX: 'right',
viPosY: 'top',
viPosXMobile: 'center',
viPosYMobile: 'bottom',
viOpacity: 50,
viOpacityHover: 100,
},
showMenuInTitle: true,
selTextOnFocus: true,
inlineEditColor: true,
rowHoverHighlight: true,
autoFocus: true,
sortedMenus: true,
userFilters: true,
persistentForm: false,
calendarGotoDate: true,
rememberMe: true,
formPreValidation: false,
spinnerWatchDog: true,
idleWatchDog: true,
debugWnd: true,
devInfoPopup: true,
devPauseAutoRefresh: true,
virtualKeyboard: false,
//Those below must also be set up properly to have any effect. See documentation.
iFrameWnd: true,
bulkOps: {
bulkEdit: true,
bulkCopy: true,
bulkDelete: true,
bulkAction: true,
},
},
popupStyle: {
success: ';background-color:#81b378;border:5px solid #294125',
warning: ';background-color:#fffa5e;border:2px solid #7e8060',
error: ';background-color:#FFB0B0;border:5px solid #660000',
},
tooltipStyles: {
ktlTtipFormViewBgColor: '#222222',
ktlTtipFormViewTxtColor: '#ffffff',
ktlTtipIconFormViewColor: '#222222',
ktlTtipDetailsViewBgColor: '#222222',
ktlTtipDetailsViewTxtColor: '#ffffff',
ktlTtipIconDetailsViewColor: '#222222',
ktlTtipTableViewBgColor: '#222222',
ktlTtipTableViewTxtColor: '#ffffff',
ktlTtipIconTableViewColor: '#222222',
},
});
ktl.scenes.setCfg({
versionDisplayName: '',
idleWatchDogDelay: 7200000,
spinnerCtrDelay: 60,
spinnerWdExcludeScn: [''],
});
ktl.views.setCfg({
quickToggleParams: {
bgColorTrue: '#39d91f',
bgColorFalse: '#f04a3b',
bgColorPending: '#dd08',
showSpinner: true,
showNotification: true,
pendingClass: '',
},
headerAlignment: true,
ktlFlashRate: '1',
ktlOutlineColor: 'green',
ktlHideShowButtonColor: '#222222',
stickGroupingsWithHeader: true,
hscCollapsedColumnsWidth: '6',
hscGlobal: true,
});
ktl.fields.setCfg({
textAsNumeric: [''],
textAsNumericExcludeScenes: [''],
horizontalRadioButtons: false,
horizontalCheckboxes: false,
barcodeTimeout: 20,
barcodeMinLength: 3,
convertNumToTel: true,
});
ktl.persistentForm.setCfg({
scenesToExclude: [''],
fieldsToExclude: [''],
});
ktl.systemColors.setCfg({
inlineEditBkgColor: '',
inlineEditFontWeight: '',
tableRowHoverBkgColor: '',
});
//Features that do not apply to the iFrameWnd.
if (!window.self.frameElement) {
ktl.scenes.setCfg({
ktlKioskButtons: {
ADD_REFRESH: {
html: '',
id: 'kn-button-refresh',
href: function () { location.reload(); },
scenesToExclude: [''],
},
ADD_BACK: {
html: '',
id: 'kn-button-back',
href: function () { window.history.back(); },
scenesToExclude: [''],
},
ADD_DONE: {
html: '',
id: 'kn-button-done',
href: function () { /* Your done function here */ },
scenesToExclude: [''],
},
},
});
}
ktl.log.setCfg({
logEnabled: {
critical: false,
error: false,
serverErr: false,
warning: false,
info: false,
debug: false,
login: false,
activity: false,
navigation: false,
}
});