sap.l'interface utilisateur.table.Table de façon à optimiser les largeurs de colonne

Je ne trouve pas cela n'importe où. Dans un sap.l'interface utilisateur.table.Le tableau de contrôle est-il possible de lui dire de redimensionner toutes les largeurs de colonne, de sorte que leur contenu est entièrement visible? Je ne vois pas de propriété/méthode sur la table ou de la colonne instances.

Il n'est pas pris en charge?

Merci beaucoup.

Désolé, mais Im peur theres est pas construit en fonction jusqu'à présent. Vous devez vérifier pour le meilleur de la largeur et de la définir d'abord.
Merci. Le problème est que ce tableau est construit dynamiquement. Ne peut pas dire facilement que la largeur appropriée est 🙂

OriginalL'auteur Tiago Almeida | 2014-05-14

  1. 4

    Vous pouvez utiliser autoResizeColumn(colIndex) méthode

    Merci. Il semble que la méthode est la bonne réponse. Pense aussi qu'Il n'était pas disponible quand j'ai posé la question.
    est-il un exemple de autoResizeColumn(colIndex) méthode je peux le trouver?
    Cette méthode est marqué comme "expérimental". Doit-on s'attendre à ce que cela permet d'obtenir des amortis bientôt?
    À propos de "expérimental" Api, consultez le message d'avertissement dans ui5.sap.com/#/api/experimental
    J'ai ajouté un exemple de autoResizeColumn dans ma réponse

    OriginalL'auteur Aliaksei Paverany

  2. 3

    Option 1: réglage de la taille fixe des colonnes

    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%'

}));

    Option 2: redimensionnable, mais en montrant la pleine largeur de la colonne, je voudrais essayer d'utiliser ces propriétés

    • largeur : sap.l'interface utilisateur.de base.CSSSize
    • flexible : booléen (défaut: true)
    • redimensionnable : booléen (défaut: true)

    comme ce

    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,
}));

    Je pense que c'est un défi, j'ai également fait par l'intermédiaire de dimensions fixes .. finalement, vous pouvez définir des formats fixes en fonction de la taille de l'écran .. espérons vous aider.

    OriginalL'auteur zYrEx

  3. 2

    Cela fonctionne pour moi:

    mes colonnes sont:

    flexible: true,
resizable: true,
autoResizable: true,
width : 'auto'

    $($.find('.sapUiTableColRsz')).trigger("click");

    OriginalL'auteur Jens Drogi

  4. -1

    Tout en faisant face à la même question, j'ai trouvé la solution dans le système sap.m.Le tableau de contrôle. En utilisant le "fixed layout" en option (valeur définie à false, voir la documentation ci-jointe), vous pouvez forcer les colonnes/cellules pour redimensionner en fonction de son contenu (même effet que dans l'ALV la grille de contrôle). La fonctionnalité est fort bien décrit dans la référence de l'API: sap.m.Table /setFixedLayout

    OriginalL'auteur jaegli

  5. -1
    var oTable = new sap.m.Table({
    fixedLayout: false
});

    Définit l'algorithme utilisé pour la mise en tableau des cellules, des lignes et des colonnes. Par défaut, une table est rendue fixe algorithme de mise en page. Cela signifie la mise en page horizontale dépend de la largeur du tableau et de la largeur des colonnes, pas le contenu des cellules. Les cellules dans les lignes suivantes n'affecte pas la largeur des colonnes. Cela permet à un navigateur à la disposition de la table plus rapide que celui de l'automobile de disposition de table depuis le navigateur peut commencer à afficher la table une fois que la première ligne a été analysé.

    Lorsque cette propriété est définie sur false, sap.m.Le tableau est rendu avec mise en page automatique de l'algorithme. Cela signifie, la largeur de la table et de ses cellules dépend du contenu des cellules. La largeur de la colonne est définie par le plus grand incassable contenu à l'intérieur des cellules. Cela peut rendre le rendu lent, depuis le navigateur a besoin de lire tout le contenu de la table avant de déterminer la mise en page finale. Remarque: Depuis sap.m.Le tableau ne dispose pas de ses propres barres de défilement, réglage de la fixedLayout false peut forcer la table de débordement, ce qui peut provoquer des problèmes visuels. Il est suggéré d'utiliser cette propriété lorsqu'un tableau a quelques colonnes dans les écrans larges ou à l'intérieur de la barre de défilement horizontale conteneur (e.g sap.m.Boîte de dialogue) pour gérer le dépassement. Dans mise en page automatique de mode de la largeur de la propriété de sap.m.La colonne est prise en compte comme une largeur minimale.

    OriginalL'auteur Rkreddy Mandala