сохранить пробелы в строке java, javascript

Question

Я отправляю данные из java-кода в браузер через HTTP-запрос. данные что-то вроде этого.

JAVA КОД ВЫХОД

| Id | Operation   | Name | Rows | Bytes | Cost (%CPU)| Time  | 
| 0 | SELECT STATEMENT |  |  |  |  3 (100)|   | 
| 1 | FOR UPDATE   |  |  |  |   |   | 
| 2 | BUFFER SORT  |  |  |  |   |   | 
| 3 | TABLE ACCESS FULL| DD |  4 | 160 |  3 (0)| 00:00:01 | 

Но когда я отобразить его в браузере это выглядит очень плохо. В основном у меня есть массив строк, который я показываю в браузере, используя ng-repeat. , когда я показываю его в java-коде, он выглядит отлично, но в браузере не очень хорошо. Я попытался сохранить пробелы, но это не помогло. Все, что мне нужно сделать, это сохранить все пробелы в строке.

{ 
    white-space: pre; 
} 

Любая идея поможет? BROWSER OUTPUT.

Answer 1

Самый простой способ, чтобы обернуть его в предварительно тегах, но лучший способ заключается в использовании ячеек таблицы HTML.

<pre> 
 
| Id | Operation   | Name | Rows | Bytes | Cost (%CPU)| Time  | 
 
| 0 | SELECT STATEMENT |  |  |  |  3 (100)|   | 
 
| 1 | FOR UPDATE   |  |  |  |   |   | 
 
| 2 | BUFFER SORT  |  |  |  |   |   | 
 
| 3 | TABLE ACCESS FULL| DD |  4 | 160 |  3 (0)| 00:00:01 | 
 
</pre>

Answer 2

Вы должны использовать моноширинный шрифт (так что каждая буква имеет ту же ширину). Вы можете сделать это, используя css:

{ 
    font-family: "Courier New", Courier, monospace; 
}