Join us at FabCon Atlanta from March 16 - 20, 2026, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.
Register now!Calling all Data Engineers! Fabric Data Engineer (Exam DP-700) live sessions are back! Starting October 16th. Sign up.
Hi,
i am create a default matrix like visual and i want to implement the column resize feature:
How do i:
- show the possibilty to resize the column
- store the new column size, so that after every reload/refresh i can show the same column width
- how to change the overall view port to show a horizontal scrollbar
Thanks
Hi @r14r,
You might be better asking these questions on a forum that's more specifically suited to JavaScript and CSS (such as stack overflow), as there are not many web developers actively around on the Power BI forums.
That being said, you can probably start with this article , which is a good walkthough on how you might build such a design using JavaScript and CSS.
You may also want to consider tabulator, which has a lot fo the functionality you're probably looking to design already built-in, and you could just focus your work on integration with Power BI. You would also be able to programmaticaly get/set column widths through its APIs, meaning that you could persist these values into suitable settings in your visual for re-use when it is re-initialised or updated.
Regards,
Daniel
Proud to be a Super User!
On how to ask a technical question, if you really want an answer (courtesy of SQLBI)
Hi,
thanks for the answer and the hints conserning the "css resize".
But the main problem is still storing the new column width in the power bi report, so i think it is mainly a topic for this group.
Thanls
Join the Fabric FabCon Global Hackathon—running virtually through Nov 3. Open to all skill levels. $10,000 in prizes!
Check out the October 2025 Power BI update to learn about new features.