We use the DayPilot Pro Scheduler for Vue.js and have tried using RowHeaderAutoFit. Unfortunately it doesn't work as it supposed to do. When collapsing the groupings or removing them dynamically from the scheduler, the RowHeaderColumn doesn't fit automatically to the longest text. Because the longest text is shorter than before the collapse, there is much whitespace in the row header.
You can comprehend this issue by expanding and collapsing the row headers in your demo: https://aspnet.daypilot.org/demo/Scheduler/RowHeaderAutoFit.aspx