sapui5 - EDGE 浏览器中的 SAPUI5 sap.ui.table 表问题:带按钮的第一列占据第一行,然后其他列进入下面的行
问题描述
sap.ui.table 用于创建包含列的表。列有多个控件,它有模板。现在在 EDGE 浏览器上的某些系统中,第一列占据了整行。屏幕上所有可见行也是如此。剩余的列一起排成一行。
这仅在边缘浏览器上发生。
我尝试将所有列的宽度更改为“自动”。它不起作用。
请帮忙。
<mvc:View controllerName="s2s.delivery.create.controller.Worklist"
xmlns="sap.m" xmlns:l="sap.ui.layout" xmlns:t="sap.ui.table" xmlns:mvc="sap.ui.core.mvc"
xmlns:tnt="sap.tnt" xmlns:core="sap.ui.core">
<Page title="{i18n>panelTitle}">
<core:Fragment fragmentName="s2s.delivery.create.Fragments.ToolHeaderBar"
type="XML" />
<t:Table id="table1" rows="{openShipment>/}"
selectionMode="None" ariaLabelledBy="title"
enableCellFilter="true"
filter="filterOrder"
fixedColumnCount="1">
<t:toolbar>
<Toolbar>
<ToolbarSpacer />
<Button icon="sap-icon://refresh" text = "{i18n>refresh}" press="handleRefresh" type="Emphasized"/>
</Toolbar>
</t:toolbar>
<t:columns>
<!-- <t:Column width="8rem" hAlign="Center"> -->
<t:Column width="auto" hAlign="Center">
<Label text="" />
<t:template>
<Button text="{i18n>Deliver}" type="Emphasized" press="handleDelivery"
icon="sap-icon://shipping-status" />
</t:template>
</t:Column>
<t:Column width="auto"
filterProperty="OrderNo"
defaultFilterOperator="StartsWith"
sortProperty="OrderNo">
<Label width="6rem" text="{i18n>original}" />
<t:template>
<Text text="{openShipment>OrderNo}" />
</t:template>
</t:Column>
<t:Column width="auto" >
<Label width="6rem" text="{i18n>Item}" />
<t:template>
<Text text="{openShipment>ItemsNo}" />
</t:template>
</t:Column>
<t:Column width="auto" sortProperty="GidateInt">
<Label width="6rem" text="{i18n>GIDate}" />
<t:template>
<Text text="{openShipment>GIDate}" />
</t:template>
</t:Column>
<t:Column width="auto" hAlign="Center">
<Label text="{i18n>Status}" />
<t:template>
<core:Icon src="sap-icon://color-fill"
color="{path:'openShipment>Status', formatter:'.setStatusColor'}" />
</t:template>
</t:Column>
<t:Column width="auto"
filterProperty="Material"
defaultFilterOperator="StartsWith"
sortProperty="Material" >
<Label text="{i18n>Material}" />
<t:template>
<Text text="{openShipment>Material}"/>
</t:template>
</t:Column>
<t:Column width="16rem">
<Label text="{i18n>matDesc}" />
<t:template>
<Text text="{openShipment>MaterialDesc}"/>
</t:template>
</t:Column>
<t:Column width="auto" hAlign="Center">
<Label text="{i18n>OrdQty}" />
<t:template>
<ObjectNumber number="{path:'openShipment>OrderQty', formatter:'.displayDecimal'}" numberUnit="{openShipment>OrderQtyUnit}" />
</t:template>
</t:Column>
<t:Column width="6rem" hAlign="Center">
<Label text="{i18n>AvalQty}" />
<t:template>
<ObjectNumber number="{path:'openShipment>AvailQty', formatter:'.displayDecimal'} " numberUnit="{openShipment>AvailQtyUnit}" />
</t:template>
</t:Column>
<t:Column width="auto" hAlign="Center">
<Label text="{i18n>ShipPoint}" />
<t:template>
<Text text="{openShipment>ShippingPoint}" />
</t:template>
</t:Column>
<t:Column width="auto" hAlign="Center">
<Label text="{i18n>PrevWork}" />
<t:template>
<Text text="{openShipment>PrevWorkCenter}" />
</t:template>
</t:Column>
<t:Column width="16rem" hAlign="Center"
filterProperty="CustomerName"
defaultFilterOperator="Contains"
sortProperty="CustomerName">
<Label text="{i18n>CustName}" />
<t:template>
<Text text="{openShipment>CustomerName}" />
</t:template>
</t:Column>
<t:Column width="auto" hAlign="Center">
<Label text="{i18n>Country}" />
<t:template>
<Text text="{openShipment>Country}" />
</t:template>
</t:Column>
<t:Column width="auto" hAlign="Center">
<Label text="{i18n>DocType}" />
<t:template>
<Text text="{openShipment>DocTypeDesc}" />
</t:template>
</t:Column>
<t:Column width="auto" hAlign="Center"
filterProperty="Zzaufnr"
defaultFilterOperator="StartsWith"
sortProperty="Zzaufnr">
<Label text="{i18n>ProdOrder}" />
<t:template>
<Text text="{openShipment>Zzaufnr}" />
</t:template>
</t:Column>
<t:Column width="auto" hAlign="Center">
<Label text="{i18n>ProdStatus}" />
<t:template>
<Text text="{openShipment>Zzstat}" />
</t:template>
</t:Column>
<t:Column width="auto" hAlign="Center">
<Label text="{i18n>packMaterial}" />
<t:template>
<Text text="{openShipment>PackingMaterial}" />
</t:template>
</t:Column>
<t:Column width="auto" hAlign="Center">
<Label text="{i18n>packSpec}" />
<t:template>
<Text text="{openShipment>ZzpackagingSpec}" />
</t:template>
</t:Column>
<t:Column width="auto" hAlign="Center">
<Label text="{i18n>cutCham}" />
<t:template>
<Text text="{openShipment>Zztext}" />
</t:template>
</t:Column>
<t:Column width="auto" hAlign="Center">
<Label text="{i18n>Operation}" />
<t:template>
<Text text="{openShipment>Zzvornr} - {openShipment>Zzltxa1}" />
</t:template>
</t:Column>
</t:columns>
</t:Table>
</Page>
</mvc:View>
解决方案
推荐阅读
- watchman - 如何获取和处理 JSON 更改对象?
- bash - word=$word"`expr substr '${ -b :board}' 1 3`" 的含义?
- python - 根据列表中的值从数据框中提取行
- reactjs - 如何避免在 redux 状态更改后重新渲染组件?
- dialogflow-es - 如何在 Dialogflow Fullfilment(荷兰语)中使用 SSML
- uwp - Is it possible to load external scripts in Universal Windows Platform app
- c++ - 如何使用别名声明对函数 typedef 进行模板化?
- android - 如何替换顶部片段?
- spring-boot - 无法在 java 中使用 bcryptpasswordencoder 在数据库中插入加密密码
- c# - TcpListener 客户端保持连接发送多条消息,但服务器只接收或处理第一条消息