Question

我有一个显示本地数据的jqGrid。 RoutingID列在源数据中有多个空格 - 但是当在jqGrid中呈现时，它在字符“54”之前只有一个空格。

有没有办法在Grid中显示数据，因为它在源代码中 - 在源代码中保持相同的空格？

var data =[{"__type":"MyWebNoCompile.Routing","RoutingID":"C161-58          54","Destinations":"11 - My INC.-OUTER"},{"__type":"MyWebNoCompile.Routing","RoutingID":"C161-90B         54","Destinations":"11 - MY INC.-OUTER"}]
             alert(data);

            $("#grid").jqGrid({
                datastr: data,
                datatype: "jsonstring",
                colNames: ['Routing ID', 'Destinations'],
                colModel: [
                    { name: 'RoutingID', index: 'RoutingID', width:150 },
                    { name: 'Destinations', index: 'Destinations', width:400 }
                ],
                rowNum: 10,
                viewrecords: true,
                gridview: true,
                height: "auto",
                loadonce: true
            });

参考

Custom Formatter
Predefined Formatter

更新

通过添加自定义格式化程序解决，如下所示

function mySpacePreserveFormatter (cellvalue, options, rowObject)
   {
             return '<pre>' + cellvalue + '</pre>';
   }

并将其用作

name: 'RoutingID', index: 'RoutingID', formatter:mySpacePreserveFormatter

关于http://www.w3schools.com/tags/tag_pre.asp

pre

标签定义预先格式化的文本。元素中的文本以固定宽度字体（通常为Courier）显示，并保留空格和换行符。

Answer 1

HTML by specification删除了额外的空格 - 这不是jQuery问题。

要保留空白，可以将内容包装在<pre>标记

中

jqGrid修剪多个空格

1 个答案: