Question

我在sap.m.table中有很多行，我想显示所有行＆＃39;名字正确。首先，我制作了表auto，并给出了100％宽度的列，并使它们成为popin的需求。我尝试了很多组合，但我无法正确显示它们。这就是我最后得到的。

我的观点如下：

<m:ScrollContainer
    height="100%"
    width="100%"
    horizontal="true"
    vertical="true"
    focusable="true">
    <m:Table id="idTable"
        inset="false"
        growing="true" 
        growingThreshold="3"
        fixedLayout="false"
        visibleRowCount="7"
        border-collapse="collapse"
        items="{
            path: '/...',
            sorter: {
                path: '...'
            }
        }">
    <m:headerToolbar>
    </m:headerToolbar>
    <m:columns>
        <m:Column
            minScreenWidth="Desktop"
            demandPopin="true"
            width="12em">
            <m:Text text="{i18n>YUKLEME_NO}" />
        </m:Column>
        <m:Column
             minScreenWidth="Desktop"
             demandPopin="true"
             hAlign="Left">
             <m:Text text="{i18n>GEMI_BILGISI}" />
        </m:Column>
        <m:Column
             minScreenWidth="Desktop"
             demandPopin="true"
             width="12em"
             hAlign="Left">
             <m:Text text="{i18n>YUKLEME_ARAC_SAYISI}" />
        </m:Column>
        <m:Column
            minScreenWidth="Desktop"
            demandPopin="true"
            hAlign="Left">
            <m:Text text="{i18n>PROFORMA_NO}" />
        </m:Column>
        ...             
        <m:Column
            demandPopin="true"
            width="14em"
            hAlign="Left">
            <m:Text text="{i18n>MODEL}" />

我也试过minScreenWidth =＆＃34; Desktop＆＃34;和包装=＆＃34;真＆＃34;对于列。但它仍然没有改变。

感谢您的帮助。

Answer 1

请参阅sap.m.Column.minScreenWidth以及Enum sap.m.ScreenSize。

您正在为所有列使用minScreenWidth =“Desktop”。这意味着在您的屏幕宽度低于1024px之前，列将看起来像您所看到的。您可以为列添加sap.m.ScreenSize的不同组合。但你也可以使用minScreenWidth =“1280px”之类的东西，而不是使用枚举。此外，你可以使用width =“9em”或者有价值的东西。因此，如果您的列的minScreenWidth属性配置错误，基本上会出现您所描述的问题。

Answer 2

如果您不想考虑移动此特定情况，我建议您转到sap.ui.table.Table。

示例代码：

oTable = new sap.ui.table.Table({
    title: "Table with fixed columns Example and scroller",
    visibleRowCount: 7,
    firstVisibleRow: 3,
    selectionMode: sap.ui.table.SelectionMode.Single,
    navigationMode: sap.ui.table.NavigationMode.Paginator,
    fixedColumnCount: 0
});

Working JS Fiddle here

在sap.m.Table中调整列宽

2 个答案: