Comment faire pour afficher les points de suspension pour longtemps les valeurs des cellules en kendo ui grille?

Je suis en train de montrer des points de suspension pour les longues valeurs de kendo de la grille.
Comme par telerik forum, j'ai besoin de régler le folling en css

.k-grid td
{
overflow: hidden;
text-overflow: ellipsis;
}

Je suis en train de mettre les styles dans databound cas de la grille comme ci-dessous

var grid = $("#kendoGrid").kendoGrid({
        columns: columnConfiguration,
        dataBound: function (e) {
$("#kendoGrid td").css("overflow", "hidden");                               
$("#kendoGrid td").css("text-overflow", "ellipsis");
},......other events and functions

Mais ce n'est pas de travail.La grille est toujours à l'affiche pas les points de suspension.

Comment dois-je faire pour afficher les points de suspension.
Note: je ne peux pas mettre ça dans un fichier css.

OriginalL'auteur subs | 2014-07-23

  1. 16

    Ajouter à la CSS white-space: nowrap;

    .k-grid td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    Le voir en action ici : Violon

    Est il possible que je peux afficher une info-bulle du bouton de sélection de contenu?
    Oui, utiliser un modèle comme dans jsfiddle.net/OnaBai/8U6rg/3
    Est-ce code IE 11 spécifique? Le style ne fonctionne pas sur IE 10.
    Viens de tester mon Violon dans IE10.0.9200.16921 et a bien fonctionné. Non, il ne doit pas être spécifique de IE11, puisque c'est vieux (CSS, CSS1)
    Dans une édition en ligne de la grille, j'ai aussi eu à ajouter .k-grille de table { table-layout: fixed; }

    OriginalL'auteur OnaBai

  2. 1

    Je ne suis pas familier avec le Kendo, mais un test rapide (avec firebug) sur leur démo semble
    montrer que le réglage:

    text-overflow: ellipsis
white-space: nowrap

    que les propriétés CSS devrait faire l'affaire.

    qui de démonstration? pouvez-vous me donner le lien?
    Je suis en train de les mêmes propriétés, mais en essayant de le faire dans databiund événement que je ne peux pas régler ça en css.
    La démo est sur: demos.telerik.com/kendo-ui/grid/column-resizing
    Pour l'info-bulle, vous pourriez essayer de définir un attribut "title" sur le <td>. La plupart des navigateur se rendre sous la forme d'une info-bulle

    OriginalL'auteur manuBriot

  3. 1

    Vous devez créer une Classe css, puis le lier à la dataBound propriété de KendoGrid

    Travail De Violon

    Extrait De Code:

        dataBound:function() {
        $('td').each(function(){
            $(this).addClass('ellipsisClass')
        })
    }

    Classe CSS:

    .ellipsisClass {
    text-overflow: ellipsis;
    overflow: hidden;
}
    Dans mon cas, j'ai dû ajouter white-space: nowrap pour le faire fonctionner. Merci pour ur aider à bien.
    pensé que vous voulez dans la fonction plutôt que d'appliquer dans l'cssClass. Heureux de vous aider si

    OriginalL'auteur V31

  4. 1

    J'ai aussi eu des problèmes avec la montre des points de suspension dans le Kendo réseau et j'ai essayé toutes les réponses ci-dessus sans succès. La Solution dans mon cas était très simple: cette classe css (text-overflow: ellipsis) a été remplacé par un autre css paramètre dans le code!
    Cette classe est définie à partir de Kendo par Défaut! Si les points de suspension devrait être disponible à la sortie de la boîte!
    Donc, si quelqu'un mène en même Problèmes, il suffit de cocher la suite:

    1. Est Scrollable() grille bien activé?
    2. Est-il un css Settings qui empêchent le montrer?

    Espère que cette réponse supplémentaire pour aider quelqu'un...

    OriginalL'auteur dm69

  5. 0

    La solution retenue ne semble pas fonctionner pour moi. Le texte n'était pas caché, résultant dans les grandes lignes.
    J'ai essayé le suivant :

    .k-grid td
{
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    Avec cela, le texte est affiché dans une ligne droite et a montré les points de suspension.

    OriginalL'auteur tscherrer