【问题标题】:Kendo grid Column align based on column data基于列数据的剑道网格列对齐
【发布时间】:2016-03-29 17:37:20
【问题描述】:

我想根据数据在我的应用程序中的所有网格中设置列对齐属性。

如果它们是十进制/数字类型,我可以将列对齐到中心吗 否则为所有其他类型左对齐。

我没有列架构,我需要在呈现数据之前确定它。

【问题讨论】:

    标签: javascript angularjs kendo-ui kendo-grid


    【解决方案1】:

    使用attributes 怎么样:

    $("#grid").kendoGrid({
      columns: [ {
        field: "someField",
        title: "Some Name",
        attributes: {
          "class": "table-cell",
          style: "text-align: center"
        }
    

    【讨论】:

      【解决方案2】:

      您可以使用template 字段来确定数据类型并为列设置模板。

        $("#grid").kendoGrid({
        columns: [
          { 
          title: "FieldName", 
          field: "Name", 
          template: '#=Getvalue(Name)#' 
          }
           ],
      ....
      });
      
      
       function Getvalue(value) {
      
                  if (//check datatype)
                      return "<span style='text-align: right'>"+ value+"</span>";
                      //or add a custom class
                  else
                      return value;
              }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多