页面树结构
转至元数据结尾
转至元数据起始

(本文档仅供参考,仅适用于本文档中的示例报表/场景,若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。)

问题说明

       对于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}");
    }

效果如下:


  • 无标签