bootstrap-table 表格中格式化输出后端返回的json 数据
1. 默认情况只把JSON对象转换为json字符串的代码和效果图如下:
我们可以看到显⽰的json数据是格式很乱的。
2. 如何将json格式的数据格式化输出呢?我们可以使⽤
标签,具体的使⽤⽅法可以参考:
加上pre 标签后的js 代码和效果图如下:
JSON.stringify(value , null , 2)//缩进2个空格
"<pre>"+JSON.stringify(value , null , 2)+"</pre>"
我们看到图中的json数据已经按照json格式输出来了,但是它横向占了很长的位置,要如何解决呢?看下⼀步。
1. 在展⽰代码的时候,你需要选择究竟是否折⾏。如果你选择折⾏,幸运地,你可以使⽤为
标签提供的独⼀⽆⼆的样式来保留空⽩同时折⾏,如同下⾯这样:
phpjson格式化输出pre{
white-space: pre-wrap;
}
"<pre style='white-space: pre-wrap;'>"+JSON.stringify(value, null, 2)+"</pre>"
效果图如下:

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。