如何在wijmo中对齐标题文本？

Question

我想在左边对齐我的html表格列，但是表格是使用wijmo ui (jquery库)的wijgrid动态地从json到ui的，.....I知道如何对齐表格的行，但我不知道如何对齐标题列，这可以在wijgrid中修复(我不确定)。

我已经尝试了下面的代码，它可以很好地处理行对齐，但不能处理标题对齐。

我的代码：

$("#userlist").wijgrid({ 

ensureColumnsPxWidth:true,

columns: [ 

{headerText: "UserId", dataType:"string",width:"8%",
                                                             cellFormatter: function (args) {

if (args.row.type & $.wijmo.wijgrid.rowType.data) {

args.$container
.css("text-align", "center")

return false;

} }
                                                                                                                                      },
]                                                     }); 

请告诉我solutions.....Thanks蒂娜！！

Answer 1

将if语句更改为检查头rowType而不是数据。(或者，如果您希望标题行和数据行都居中，请取消勾选。

if (args.row.type & $.wijmo.wijgrid.rowType.header) { ... }

不过，我还是建议使用CSS。这样你就不会在每个单元格上呈现样式了。一个纯CSS解决方案将是最好的。你可以这样做：

<style type="text/css">
    .wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-c1basefield
    {
        text-align: left;
    }
    .wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-wijgrid-headertext
    {
        padding: 0.5em 0.25em;
    }
</style>

Answer 2

在Wijmo FlexGrid v5中，你应该尝试itemFormatter事件来设置包括标题样式的行/列。

// $scope is such your flexgrid object
$scope.itemFormatter = function(panel, r, c, cell) {
    var cellBinding = panel.columns[c].binding;
    if (panel.cellType == wijmo.grid.CellType.ColumnHeader) {
        cell.style.textAlign = 'center';
    }
}

上面关于使用CSS的建议也很好。我遵循了下面的例子，请试一试。http://jsfiddle.net/Wijmo5/j41xLz21/