This is a migrated thread and some comments may be shown as answers.

MVC Grid stop text from wrapping

1 Answer 326 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Patrick
Top achievements
Rank 1
Patrick asked on 22 Nov 2017, 04:56 AM

How to force the grid item into a single line stop text from wrapping ?

+ ---------------------------------------------------------+
|  column 1 | column 2 |  column 3
+ ---------------------------------------------------------+

|  data 1     | data 2 .... |  data 3
+ ---------------------------------------------------------+

instead of:

+ -------------------------------------------+
| column 1 |column n | column 3
+ -------------------------------------------+

|  data 1     | data 2  t|  data 3

|                 | testing  | 
+ ---------------------------------------------------------+

Please see the screenshot

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 23 Nov 2017, 12:09 PM
Hello, Patrick,

This could be achieved with the following CSS:

.k-grid tbody tr{
    height: 50px;// need only if the row height was to be fixed
}
  
.k-grid td{
    white-space: nowrap;
}

https://dojo.telerik.com/ejaHO

I hope this is helpful.

Regards,
Stefan
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Patrick
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or