zoukankan      html  css  js  c++  java
  • Spread JS 随笔三 列设置

    1.  多个列数据绑定组合在一列一起使用。

           只需要在   dataField 用逗号形式分割   dataField: 'CountryID,ProvinceName'  

        示例:var columns = [

          { id: 'CountryID', caption: '国家', dataField: 'CountryID,ProvinceName', 110 }

            ] ;

                

      2.多行的列标题分组组合显示

            在数据格式上要改变一点,示例如下

     1   var columns = [
     2            //一层开始
     3             {
     4             caption: '区域', 
     5             columns: [
     6                        { id: 'CountryID', caption: '国家', dataField: 'CountryID,ProvinceName',  110 },
     7                        { id: 'ProvinceName', caption: '省份', dataField: 'CountryDetails.ProvinceName',  120 }
     8                      ]
     9             },
    10             //一层结束
    11             //一层开始
    12             { id: 'date', caption: '成立时间', dataField: 'OrderDate', format: 'mm/dd/yyyy',  150 },
    13             //一层结束
    14             { id: 'population', caption: '人口', dataField: 'population',  80 }
    15          ];

                     示例图

                    

           3.   列的定位问题  (正常情况,可以随意拖到列,改变其位置,但是固定区域只有一列时,该列是没法被移动)

            增加   pinned: 'right'

          var columns = [

              { id: 'CountryID', caption: '国家', dataField: 'CountryID,ProvinceName', 110 , pinned: 'right' }

          ]

     

        

      

  • 相关阅读:
    2019年第九周作业
    2019年春第八周作业
    2019年春第七周作业
    2019春第六周作业
    2019年春季学期第五周作业
    2019年春季学期第四周作业
    2019年春季学期第三周作业 ----PTA作业
    2019年春季学期第三周作业
    2019春第七周作业
    第五周作业
  • 原文地址:https://www.cnblogs.com/condon/p/6857065.html
Copyright © 2011-2022 走看看