如何对齐wijmo ..中的标题文本？

我想对齐我的html表格列在左边，但表格动态地来自使用wijmo uij（jQuery库）wijgrid从JSON用户界面.....我知道如何对齐表的行，但我不知道如何对齐可以在wijgrid中修复的头列（我不确定）。如何对齐wijmo ..中的标题文本？

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

我的代码：

$("#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; 

} } 
                                     }, 
]              });

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

来源

2012-08-06 Tina

更改您的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-09 15:14:51 Banzor

：非常感谢你:)这是有益的..谢谢蒂娜！ – Tina 2012-08-11 06:05:01

在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'; 
    } 
}

以上sugg使用CSS的使用也很好。我按照下面的例子，请尝试。 http://jsfiddle.net/Wijmo5/j41xLz21/

来源

2017-02-28 04:40:22

如何对齐wijmo ..中的标题文本？

回答

相关问题