SAP UI 5表列

Question

如何在点击按钮上隐藏/显示表格列。

e.g。 Check Here

我需要在点击外部按钮时隐藏/显示价格列。

Answer 1

var oTable = new sap.ui.table.Table();

        var oProduct=new sap.ui.table.Column({
            label: new sap.ui.commons.Label({text: "Product"}),
            template: new sap.ui.commons.TextView({
                text:"TExt"
            })
        });

        var oPrice=new sap.ui.table.Column({
            label: new sap.ui.commons.Label({text: "Price"}),
            template: new sap.ui.commons.TextView({
                text:"price"
            })
        });
        oTable.addColumn(oProduct);
        oTable.addColumn(oPrice);

        //Button

        var oButton = new sap.ui.commons.Button({text:"Button",
            press:function(){
                oPrice.setVisible(false);
            }
        });

这肯定会有帮助

Answer 2

是的，我们可以访问表列，然后按如下方式设置属性。

var tab= this.getView().byId("idProductsTable");
col=tab.getColumns()[5];
tab.getColumns()[5].setProperty("visible",false);