Freeze the first column (with contact or company name)

[flippyfloppies]

There have been a lot of posts asking to freeze the first title row, but I'm surprised there's not more requests for freezing the first column, like you often do in Excel.

Right now, I can edit the columns available to view under table actions (which is super), but realistically, I can only view ~5 of those columns at a time anyway, before I have to scroll over to the right to see more of them....at which point I no longer am able to see which company/contact's row I am on (unless I manage to continuously hover my mouse over that row while scrolling right). 

Please make it so I can freeze the first column with contact/company name!

PS a bonus level would be to have the option to freeze multiple columns as well, but the first is absolutely the most important.

[flippyfloppies]

Hey all, 

We have another update here - thanks to all of your feedback we've recently released the feature to 'freeze' up to 3 columns on a table - this functionality will be rolling out over the next month. Feel free to reach out to your CSM if you missed the beta and would like to get access sooner and I'd be glad to help. 

Please keep the feedback coming!

Best,

Alexa

[flippyfloppies]

Hey everyone,

Wanted to give another update here. This feature is now available to all customers!

Thanks so much for the feedback (and excitement) we received during the Beta period, we made some changes to this feature in response. The most notable change was including the check box into the 'freeze' to ensure that you could continue to check records as you scroll. We certainly have plans for future work on this feature to address asks like 'freezing additional columns', so please continue to share if this addition would be valuable for you and your teams.

Best,

Alexa

Wanted to thank you all again for piling on to this thread and helping us get this feature live to all! 🚀

[flippyfloppies]

Hey all!

Good news!! - As of today this feature is available in Public Beta! To access, login as an Admin to your HubSpot portal, select your avatar in the upper right (in the navigation) -> Product Updates -> Betas (on the left side under 'Early Access'). Select 'Join Beta' which, after a quick refresh or so, will turn the functionality on in your account. 

The product notification will explain how to access the feature (tldr, select 'edit column' on any Index page view like 'Contacts' and you can opt to Freeze the name column). Be sure to save your update so its there next time. You'll have to take these steps on any view you'd like the name column frozen on. We intend to continue to iterate on this feature so please keep the feedback coming!

Thank you all so much for the feedback here! 

Cheers,

Alexa

[flippyfloppies]

Hey all,

Thanks so much for the feedback on this idea - I'm pleased to let you know that this feature is in planning! I will post here as we move towards a release. 

Thanks again for your feedback!!

Best, 

Alexa 

Product Manager - CRM Index Pages 

[JYALAP]

Thanks a lot, please alow us to have the checckbox selecteable when horizontal scrool.
And be able to add more that 1 element on the fixe part.

You can ask your team to test this on code with tampermonkey chrome extention to understande my need :

// ==UserScript==
// @name Hubspot fix column
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://app-eu1.hubspot.com/*
// @grant none
// @require https://code.jquery.com/jquery-3.6.0.min.js
// ==/UserScript==

function updateDom(nbColumns, scrollX) {
const sizeElems = []
let sumSize = (idx) => sizeElems.slice(0, idx).reduce((acc, a) => acc + a, 0);

$("table tbody tr").each(function() {
$(this).children().each(function(idx) {
if (idx <= nbColumns) {
sizeElems[idx] = Math.round($(this).outerWidth());
$(this).css({
"position": "sticky",
"left": idx > 0 ? `${sumSize(idx)}px`: "0px",
"background-color": "white",
"padding": idx !== 0 ? "0px 0px" : "inherit",
"border": scrollX === 0 ? "1px solid rgb(223, 227, 235)" : "none",
});

$($(this).children()[0]).css({
"border": scrollX !== 0 ? "1px solid rgb(223, 227, 235)" : "none",
"height": "100%",
"padding": idx !== 0 ? "0.15rem 24px" : "inherit"
})
}
})
});

$("table thead tr").each(function() {
$(this).children().each(function(idx) {
if (idx <= nbColumns) {
sizeElems[idx] = Math.round($(this).outerWidth());
$(this).css({
"position": "sticky",
"left": idx > 0 ? `${sumSize(idx)}px`: "0px",
"border": scrollX === 0 ? "1px solid rgb(223, 227, 235)" : "none",
"z-index": "2",
});

$($(this).children()[0]).css({
"border": scrollX !== 0 ? "1px solid rgb(223, 227, 235)" : "none",
})
}
})
});
}

function fixColumns(nbColumns) {
updateDom(nbColumns, 0);

$("div[tabindex]").scroll(function(){
updateDom(nbColumns, $(this).scrollLeft());
});
}

$(document).ready(function() {
setTimeout(function () {
fixColumns(1);
}, 3000);
});

[MarkYoder]

HubSpot/Alexa - thank you for finally implementing this solution.  It was a long time coming but so far it has delivered the solution we needed!

[LY]

I just turned this on and love having it already!

One thing still seems a little off: The checkmarks disappear when scrolling over even though they're the farthest left thing. I think they should stay so you can scroll to a column you're interested in and use the checkmarks based on its contents if needed.

[FrancineS]

What check marks?

[Rajib_alimul]

Well, this is nice but I can only freeze Deal name/Contact name/Company Name/Ticket name.... names only. Is it going to be possible to add more on the columns?

[LY]

@FrancineS In a list view, the very first column on the left, even before the deal name, contains a box that can be checked off for each row. This allows bulk editing or task creation. When scrolling, the deal name can now remain in place, but this column becomes hidden as you scroll to the right. I think it should stay in place along with the deal name column, especially since I think many people will want to scroll to have various columns next to the deal name and then select the deals to edit based on what they see in the column they scrolled to.

[brendan-murphy]

Really happy to see progress on this - this is great as an MVP. Agreed with others that the checkbox should also stay frozen in view, and ideally a future enhancement could also support the ability to select additional fields.

[LY]

Continuing to add feedback as I'm using this:
Another cool feature would be to snap to each column as you scroll across.
Even better, make it so you can use the arrow keys to jump from cell to cell.
Do have to say that the speed of scrolling is perfect for making me miss this ability as little as possible though.

[Alexa_S]

Hey everyone,

Wanted to give another update here. This feature is now available to all customers!

Thanks so much for the feedback (and excitement) we received during the Beta period, we made some changes to this feature in response. The most notable change was including the check box into the 'freeze' to ensure that you could continue to check records as you scroll. We certainly have plans for future work on this feature to address asks like 'freezing additional columns', so please continue to share if this addition would be valuable for you and your teams.

Best,

Alexa

Wanted to thank you all again for piling on to this thread and helping us get this feature live to all! 🚀

[TMitchell7]

Which "Join Beta" do we click? There are dozens and after reading through all, none mention freezing columns in a view. 

[Ludovic2]

No need for Beta.  In Deals list mode, just go under Edit columns, select Freeze column above.  Apply then Save the view.

[TMitchell7]

thank you, I see it is in production now.

[Alexa_S]

Hey all, 

We have another update here - thanks to all of your feedback we've recently released the feature to 'freeze' up to 3 columns on a table - this functionality will be rolling out over the next month. Feel free to reach out to your CSM if you missed the beta and would like to get access sooner and I'd be glad to help. 

Please keep the feedback coming!

Best,

Alexa

[MarkYoder]

I would love to get access to the beta, if possible!

[ABerends]

@Alexa_S  The CSS is broken. The frozen column is not opaque but transparent. I did do a force refresh.