infragistics - iggrid 中数据类型编号的动态列右对齐

Question

我正在使用 Ignite UI 网格。

列是从数据库动态构建的，如下所示:-

 $.post('/Main/GetColumns',function(data){

      $("#mygrid").igGrid({
                         columns: data,
                         width: "100%",
                         height: "100%", 
                         })
  });

问题是我不知道哪一列的数据类型是数字，因为列的数据来自数据库，我必须右对齐数字列。

我找到的唯一代码是

args.owner.element.find("tr td:nth-child(3)").css("text-align", "right");

将第 3 列设置为右对齐。由于我不知道列顺序，我只剩下检查数据类型和右对齐列，

有没有什么方法可以根据数据类型或任何其他方法来对齐列？

Answer 1

如果列用于其表示(格式)和编辑行为，则为数据类型，但不会生成可用于样式设置的额外标记。

但是，您是在服务器端构建列定义，您在创建列定义时确切地知道每个列的类型，不是吗？

更新:自最初的答案以来已经有一段时间了，为了将来引用，您可以使用 columnCssClass将您的类(class)应用于实际的 TD 而不是模板。后者仍然是高级修补的有效选项。

我能想到的最简单的方法是通过 Column templates - 这样您就可以向列添加任何样式/格式。例如，根据您需要的任何逻辑，您返回一些列:

{
    key: 'status',
    dataType: 'bool',
    headerText: 'Status',
    template: '<div class="rightAlign"> ${status} </div>'
}

您应用“text-align:right;”通过类并跳过为应该具有默认外观的列添加模板。由于此定义是在服务器上生成的(假设我的示例使用 Node.js :P )，您可以将这些模板设为静态，或者每次都以不同的方式创建它们 - 这取决于您。

JSFiddle:http://jsfiddle.net/damyanpetev/wsZ8c/

注意:确保在这种情况下使用 block (div,p)，因为您需要一些东西来占据整个网格单元格以便对齐内部的文本。

如果该解决方案不适合，您将不得不通过列并以与您考虑的类似方式在客户端上应用样式。