0

我想在左侧对齐我的 html 表格列，但表格是使用 wijmo ui 的 wijgrid（jquery 库）从 json 动态进入 ui .....我知道如何对齐表格的行，但我不知道如何对齐可以在 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;

} }
                                                                                                                                      },
]                                                     });

请告诉我解决方案.....谢谢蒂娜！

4

2 回答 2

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>
于 2012-08-09T15:14:51.050 回答
0

在 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/

于 2017-02-28T04:40:22.743 回答