Ui grid eliminates multiple spaces in string

Question

I have used angular ui-grid in my application and my page contains simple text box and validate button. usually we add some strings in the text box and clicks on validate button and those will get validated with some external service and display data in ui-grid

My logic is working like a champ but I see there is something which causes some confusion to users. lets say if I add something like "Event 87654" in my text box and click on validate button, it gets validated successfully from my service and display just as "Event 87654" in data grid. so thing is why ui grid eliminates multiple intermediate spaces in the given string automatically?? is it possible to avoid this elimination?? can anyone suggest me in the regard.

That is Standard HTML behavior. Place the text inside a <pre>...</pre> (preformatted text). — Joop Eggen
– Joop Eggen, Commented Apr 4, 2016 at 12:49

Kranthi Kumar · Accepted Answer · 2016-04-27 10:52:20Z

6

here is the solution.

UI grid eliminates multiple spaces and keep only one because white spaces are trimmed out by ui-grid-cell-contents css

So just we need to have override css like below.

 .ui-grid-cell-contents {
      white-space: pre !important; /*nowrap by default*/
   }

answered Apr 27, 2016 at 10:52

Kranthi Kumar

1011 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Ui grid eliminates multiple spaces in string

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related