(本文档仅供参考,仅适用于本文档中的示例报表/场景,若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。)
问题说明
对于V10.5中的页签组件,页签宽度的设置是作用于所有页签的,现想将页签一的宽度设置为100px,页签二的宽度设置为200px等,这个应该如何实现呢?
解决方案
可以参考如下宏代码,自定义每个页签的宽度:
function main(page: IPage, portlet: IStaticTabsPortlet) { portlet.appendCss("#tab-0", "{width: 60px}"); portlet.appendCss("#tab-1", "{width: 80px}"); portlet.appendCss("#tab-2", "{width: 100px}"); portlet.appendCss("#tab-3", "{width: 120px}"); portlet.appendCss("#tab-4", "{width: 140px}"); }
效果如下: