Wanted: 1 column only showing part of string

2 posts, 0 answers
  1. Maurice
    Maurice avatar
    36 posts
    Member since:
    Jan 2016

    Posted 01 Feb 2017 Link to this post


    I have a grid with a remarks column in which I want to be able to edit the complete multiline datafield. I have this working with 



    But I only want to show 3 lines and not the complete text. If I go into edit mode the complete text should be visible of course

    A nice to have would be if it is dynamic, so if I change the size of the column the text also changes. 

    I have attached two pictures with what I want.



  2. Viktor Tachev
    Viktor Tachev avatar
    2499 posts

    Posted 03 Feb 2017 Link to this post

    Hi Maurice,

    If you would like to show ellipsis when there is a long text in the Grid you can use the approach suggested in the following thread.

    As for showing the ellipsis with multi-line text, note that such feature is not available in HTML our ot the box. Thus, I would recommend to keep the text only on one line and add couple of CSS lines to show ellipsis.

    Viktor Tachev
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top