我需要html表的前三列保持固定在屏幕上，同时用户在其余列上水平滚动。
对于单列，我只能使用
.sticky-col1{
position: sticky;
left: 0;
}
当然，我不能在第二列中使用此类，因为两个left: 0;位置会导致这些列相互堆叠。
我见过的常见解决方案需要固定宽度的列并手动调整每列的左侧位置。但是，如果列宽不固定并且取决于内容，那该怎么办？
好吧，然后只需使用JavaScript查询DOM即可获取每列的宽度，并相应地更新CSS，对吧？
不幸的是，由于我使用的框架（特别是Salesforce.com lightning / aura框架的Lightning Locker Service）内部的安全性限制，对于我而言，无法访问该文档。
所以我正在寻找一种允许动态列宽但不需要访问文档对象的解决方案。可能吗？