sap.ui.table.Table如何优化列宽

Tia*_*ida 5 sapui5

我在任何地方都找不到。在sap.ui.table.Table控件中是否可以告诉它调整所有列宽的大小,以便其内容完全可见?我在表或列实例上都没有看到任何属性/方法。

不支持吗?

非常感谢。

dot*_*huZ 3

选项 1:设置固定的列大小

var oTable = new sap.ui.table.Table({
    width : "100%",
    selectionMode : sap.ui.table.SelectionMode.None,
    enableColumnFreeze : true,
});

oTable.addColumn(new sap.ui.table.Column({
    template : new sap.ui.commons.TextView({
        text : "{Title}",
        wrapping : true,
        textAlign : sap.ui.core.TextAlign.Begin,
    }),
    enableColumnFreeze : true,
    width : '350px', // also possible in % -> e.g. in ur case '100%'

}));
Run Code Online (Sandbox Code Playgroud)

选项 2:可调整大小,但显示完整的列宽,我会尝试使用这些属性

  • 宽度:sap.ui.core.CSSSize
  • 灵活:布尔值(默认值:true)
  • 可调整大小:布尔值(默认值:true)

像这样

oTable.addColumn(new sap.ui.table.Column({
    template : new sap.ui.commons.TextView({
        text : "{Title}",
        wrapping : true,
        textAlign : sap.ui.core.TextAlign.Begin,
    }),
    width : '100%',
    resizable : false,
    flexible : false,
}));
Run Code Online (Sandbox Code Playgroud)

我认为这是一个挑战,我也通过固定尺寸来实现它..最终你可以根据屏幕尺寸定义固定尺寸..希望对你有帮助。