最近在用FigJam做需求排期表,设置了3列用百分比分隔,但每次放大缩小画布后列宽比例就乱了。比如最左边的日期列突然变窄,文字挤在一起。
我尝试用自适应布局里的”等宽列”功能,但这样无法调整具体列宽比例。后来手动给表格加了CSS:
.table-container {
display: grid;
grid-template-columns: 20% 30% auto;
}
结果FigJam提示”不支持自定义CSS样式”。现在只能手动调整每个列宽,但每次画布缩放还是得重新调整,有没有更好的解决办法?
通用的做法是别用FigJam内置的表格组件直接拖拽调整列宽,而是改用Frame+文本框来模拟表格。具体操作是先创建一个Frame容器,然后在里面手动放置三个并排的文本框作为表头,内容区域也用同样的方式对齐。虽然看起来麻烦,但这样能避免缩放时列宽比例错乱的问题。
另外一种折中方案是用FigJam的“组件”功能,把表格做成一个可复用的组件,然后在里面固定列宽。虽然每次缩放还是得微调,但调整的次数会比每次都重新设置CSS要少很多。
至于自定义CSS那块,FigJam目前确实不支持外部样式注入,你那段代码在FigJam里肯定是不生效的。建议还是回归到它的原生组件+Frame来实现更稳定。虽然有点原始,但目前也只能这样凑合用了。
针对你这个需求,我的建议是:用固定的像素值来设置列宽,而不是百分比。虽然听起来有点反直觉,但在FigJam里固定宽度反而更稳定。具体操作是:
1. 选中表格,右键选择“调整列宽”
2. 手动输入每列的具体宽度值(比如80px、120px、200px)
3. 确保总宽度不要超过画布宽度
这样做虽然少了点灵活性,但能避免缩放时比例错乱的问题。FigJam的缩放逻辑对百分比支持不太好,每次缩放都会重新计算,导致累积误差。
如果你非要动态比例,可能得考虑导出到Figma主程序里做,那边的支持会好一点。不过我个人觉得固定像素值已经够用了,尤其做排期表这种场景。