Prevent white-space removal

[Ron]

With the Kendo Angular grid is there an inline command that can be placed in a <kendo-grid-column> to block or prevent the automatic string editing? It seems like the grid binding trims spaces by default and I'd like to selectively override this feature.

[Svet]

Hi Ron,

The described behavior is caused by the default HTML functionality. If we place some text with preceding white space inside a div, the white space will be trimmed.

As a workaround we could apply the custom style white-space: pre; to a div inside an ng-template with a kendoGridCellTemplate directive, targeting the columns for which we want to keep the white space. Check the following example demonstrating this approach:
https://stackblitz.com/edit/angular-5-tutorial-dgfpyw?file=app%2Fapp.component.ts

I hope this helps.

Regards,
Svetlin
Progress Telerik

[Todd]

How would this be done in KendoUI for JQuery?

[Georgi Denchev]

Hi, Todd,

The approach with the jQuery Grid will be the exact same. You can use the columns.template to apply the custom style(conditionally if you want to).

Here's a Dojo example that you can examine:

https://dojo.telerik.com/@gdenchev/ikIqilUX 

Best Regards,

Georgi

[Kristiyan]

[quote]Svetlin said:Hi Ron,

The described behavior is caused by the default HTML functionality. If we place some text with preceding white space inside a div, the white space will be trimmed.

As a workaround we could apply the custom style white-space: pre; to a div inside an ng-template with a kendoGridCellTemplate directive, targeting the columns for which we want to keep the white space. Check the following example demonstrating this approach:
https://stackblitz.com/edit/angular-5-tutorial-dgfpyw?file=app%2Fapp.component.ts

I hope this helps.

Regards,
Svetlin
Progress Telerik

[/quote]

 

This helped a lot. Thanks!