feat: add support for sticky columns

[iamejaaz]

When sticky = true is passed to the columns, they will automatically stick to the left while scrolling.

Screenshot / GIF

Screen.Recording.2025-02-19.at.4.05.52.PM.mov

no-docs

[github-actions]

🎉 This PR is included in version 1.18.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[ankush]

@iamejaaz any way to do this from UI? We don't want to limit this to just script/code.

It will be small addition, somewhere in column dropdown add option to pin that column.

[iamejaaz]

@iamejaaz any way to do this from UI?

No, right now

It will be small addition, somewhere in column dropdown add option to pin that column.

Yeah, I was thinking the same thing—adding an option in the dropdown to fix the column. The issue, however, is that it’s currently not maintaining the state for this. If the page is reloaded, it would need to redo everything (like sorting, pinning of columns). To address this, it would first need to store the state somewhere (like local storage) or any another solution/suggestion?

[ankush]

Keeping it stateless is fine to begin with IMO, but if you can do both then sure, why not.

[ankush]

The problem with stateful config is there are many dynamic data tables in Framework. Even reports inside code don't have known column names.

[moizsami]

will this work with
ERPNext: v15.80.0 (version-15)
Frappe Framework: v15.83.0 (version-15)

as I am trying to add sticky: true, sticky:True, sticky: 1 in my script reports but its not being reflected.