Problem with razor (.cshtml) tables. Format number simbol (€ or %) does not fit

SSRS-VS 46

I have a table in my razor view (.cshtml). And I show the values of my model. The problem are some numbers, they do not fit completely and put the symbol below:

The red color means that it's wrong and blue means correct. I want the symbol beside the number, not below. The format is given in the model: [DisplayFormat(DataFormatString = "{0:c}")] or [DisplayFormat(DataFormatString = "{0:P2}")]

I tried: .table td, .table th { font-size: 10.5px; white-space: nowrap; } to define my table css style: <table class="table">
But ir didn't work. Any solution?
Thanks

AgaveJoe 29,281 Reputation points

2021-07-06T10:21:30.02+00:00

{white-space: nowrap;} works. There must be something wrong with how you implemented the CSS. Use the browser's dev tools to view the CSS properties applied to the table cells. Or share enough code to reproduce this issue so we can see what you're doing.
SSRS-VS 46 Reputation points

2021-07-06T12:44:13.13+00:00

{white-space: nowrap;} moves all cells, but how can I make {white-space: nowrap;} only on a specific column? I tried to put <th white-space="nowrap;"> or <td white-space="nowrap;"> on the specific column, but it affect to the whole table
AgaveJoe 29,281 Reputation points

2021-07-06T13:40:08.433+00:00
<td white-space="nowrap;"> on the specific column, but it affect to the whole table

Inline CSS syntax is...

<td style="white-space: nowrap;">

Share via

Problem with razor (.cshtml) tables. Format number simbol (€ or %) does not fit

Your answer