jqGrid和jqPivot:在旋转的列名中保留空格？

Question

我用的是jqGrid和jqPivot API。

我遇到的问题是，jqPivot从旋转列名中删除了空格。有没有办法改变这种行为？

例如：

var mydata = [
    {id: "1", emp:"Michelle", product:"A A", sold:"8"},
    {id: "2", emp:"Tania", product:"A A", sold:"3"},
    {id: "6", emp:"Mark", product:"A B", sold:"1"},
    {id: "3", emp:"Tommy", product:"A B", sold:"5"},
    {id: "4", emp:"Dave", product:"B B", sold:"2"},
    {id: "5", emp:"Carol", product:"B B", sold:"5"},
];

var grid = $("#grid");

grid.jqGrid('jqPivot',
    mydata, {
        xDimension: [{
            dataName: 'id',
            label: 'ID',
            width: 90
        }, {
            dataName: 'emp',
            label: 'Employee',
            width: 90
        }, ],
        yDimension: [{
            dataName: 'product'
        }],
        aggregates: [{
            member: 'sold',
            aggregator: 'sum',
            width: 50,
            label: 'Sold'
        }, ],
        colTotals: true

    }, {
        width: "100%",
        height: "100%",
        pager: "#pager",
        caption: "Daily Sales"
    });

http://jsfiddle.net/aUDHx/968/

它不显示" A“和"A B”等，而是将列显示为"AA“和"AB”。

Answer 1

我同意这是个问题。原因是这条线 of jqPivot代码。作为一种快速而肮脏的解决方法，我可以建议您使用转换器，将空间替换为其他字符，如_、  ( )或 。

yDimension: [{
    dataName: 'product',
    converter: function (val) {return val.replace(/\s/g, ' ');}
}],

请参阅修改后的演示http://jsfiddle.net/OlegKi/aUDHx/970/。