Question

我想在左边对齐我的html表列，但是这个表是使用wijmo ui（jquery库）的wijgrid从json动态地来到ui .....我知道如何对齐表格但是我没有＆＃39 ; t知道如何对齐可以在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;

} }
                                                                                                                                      },
]                                                     });

请告诉我解决方案.....谢谢Tina !!

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事件来设置包含标题样式的行/列。

bind

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

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

2 个答案: