如何對齊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 ..中的標題文本？

回答

相關問題