Hi all,
Find another UX issue, when you scroll, the header of the table is not sticky and sometimes, will all numbers, you don’t know if it is performance or seo… It will be nice to have it sticky. 
And this will be helpful for all tables in MainWP BTW.
Thanks
I’ve just used this for the first time.
Great extension - very useful.
A couple of typos in the Settings tab:
Should this read Lighthouse not Lightspeed?
Thanks, typos fixed and fixes are in place for the next update.
Hi Fred,
thanks for the suggestion. I have been trying to handle this requirement, but at this point, sticky header doesn’t get along with the xScroll feature. In all my attempts the sticky header works well as long as there is no xScroll but when it’s there, the table header gets totally misaligned with columns.
Regarding your other suggestion, it’s implemented and set for the next update.
Hi all,
First, let me thank you all for taking the time to test the Lighthouse extension and report problems, and send us your suggestions.
We tackled a couple of bugs we could catch and made some UI/UX improvements based on your suggestions. Some are still to be done
We just released the Beta 2 version and here is the version changelog:
hi @bogdan,
Thanks for the update but how we get the Beta 2?
Went to the plugins section, click on check for updates now and nothing…
Maybe not push yet?
Thanks, Fred
Hi Fred, I am not sure why your dashboard doesn’t see the update, but you can try to simply reinstall it.
Thanks @bogdan - I deleted and resintalled it, got the Beta 2.
Found another issue, on the filter for the columns, Last Audit is not there:
Hi @bogdan.
} elseif ( $value > 0.1 && $value <= 2.5 ) {
/**
* After DOM Loaded
*/
document.addEventListener('DOMContentLoaded', () => {
/**
* Lighthouse Audit - Automatically scroll to audit results by clicking on the score
*/
const lighthousePage = document.querySelector('body.mainwp_page_ManageSitesLighthouse');
if (lighthousePage) {
const auditsNavElements = lighthousePage.querySelectorAll('.mainwp-lighthouse-score');
const offset = -45;
auditsNavElements.forEach(el => {
el.addEventListener('click', () => {
const auditDomain = el.dataset.tab.split('-')[0];
const activeTab = document.querySelector(`.ui.tab.active[data-tab^=${auditDomain}]`);
const tabTopPos = activeTab.getBoundingClientRect().top + window.pageYOffset + offset;
window.scrollTo({
top: tabTopPos,
behavior: 'smooth'
});
});
});
}
});
A little remark.
Possibly for those who have added more to the “DOMContentLoaded” event, it would be better to group the subscriptions to the event in a single function, I mean:
document.addEventListener('DOMContentLoaded', () => { ... }
Above I added the entire code along with the addition to the event, otherwise it would not work properly..
Below I added the updated code, for self-scrolling to the tab.
For those who applied the “sticky” position, discussed in this post: https://newcom.mainwp.com/t/scroll-is-jumpy-on-some-pages/3993.
I wrote the identification of the sticky position and the calculation of the offset depending on it.
For other cases, write a desired offset value for “desiredOffset”.
Also if you want to adjust the scroll position, whether the header is sticky or other circumstances, add a value other than null, as you like for “desiredOffset”.
Updated code:
/**
* After DOM Loaded
*/
document.addEventListener('DOMContentLoaded', () => {
/**
* Lighthouse Audit - Automatically scroll to audit results by clicking on the score
*/
const lighthousePage = document.querySelector('body.mainwp_page_ManageSitesLighthouse');
if (lighthousePage) {
const desiredOffset = null;
const topHeader = lighthousePage.querySelector('#mainwp-top-header');
const calculatedOffset = (getComputedStyle(topHeader).position === 'sticky' && desiredOffset === null) ? topHeader.getBoundingClientRect().bottom : (desiredOffset !== null ? desiredOffset : 0);
const auditsNavElements = lighthousePage.querySelectorAll('.mainwp-lighthouse-score');
auditsNavElements.forEach(el => {
el.addEventListener('click', () => {
const auditDomain = el.dataset.tab.split('-')[0];
const activeTab = lighthousePage.querySelector(`.ui.tab.active[data-tab^=${auditDomain}]`);
const tabTopPos = activeTab.getBoundingClientRect().top + window.pageYOffset - calculatedOffset;
window.scrollTo({
top: tabTopPos,
behavior: 'smooth'
});
});
});
}
});
Hi @bogdan,
It broke the column setting functionality! Every time I click on the icon to change the column display, it opens a new window, no option! I cleared cache (browser, not server since we don’t have any for MainWP), reload, same error… 
Hi Fred, I can’t duplicate the problem.
Would you mind opening a private Help Desk ticket so we can collect some additional information & investigate further?
Strange enough, now it is working so probably linked to a cache issue in my browser…
Anyway, it is working now! Thanks guys.