版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

  • setStyle(gridName,data)  设置表格样式(具体可以参考css文档)

    • 示例:

      pkgrid.setStyle('grid', {
                  headerBorder    headerBorder: {
                      border        border: 'border',
                      style        style: 'solid',
                      width        width: '1px',
                      color        color: 'red'
                      },
                  bodyBorder    bodyBorder: {
                      border        border: 'border-bottom',
                      style        style: 'solid',
                      width        width: '1px',
                      color        color: 'red'
                      },
                  trHoverEnter    trHoverEnter: {
                      bgColor        bgColor: 'red',
                      color        color: 'blue'
                      },
                  trHoverLeave    trHoverLeave: {
                      bgColor        bgColor: 'transparent',
                      color        color: 'cyan'
                  }    },
          headerAlign:'center',
          bodyAlign:'center'
          )

    • headerBorder:表格标题边框
      • border:边框类型   border-四边都有边框,border-top-上边框,border-right-右边框,border-bottom:下边框,border-left:左边框
      • style:边框的样式   dotted: 定义一个点线边框,dashed: 定义一个虚线边框,solid: 定义实线边框,double: 定义两个边框。 两个边框的宽度和 border-width 的值相同。。。
      • width:边框的宽度

      • color:边框的颜色
    • bodyBorder:表格内容边框
      • border:边框类型   border-四边都有边框,border-top-上边框,border-right-右边框,border-bottom:下边框,border-left:左边框
      • style:边框的样式   dotted: 定义一个点线边框,dashed: 定义一个虚线边框,solid: 定义实线边框,double: 定义两个边框。 两个边框的宽度和 border-width 的值相同。。。
      • width:边框的宽度

      • color:边框的颜色
    • trHoverEnter:表格内容鼠标移入效果
      • bgColor:背景颜色
      • color:文字颜色
    • trHoverLeave:表格内容鼠标移出效果
      • bgColor:背景颜色
      • color:文字颜色
    • headerAlign:表格标题文本对齐方式  left-左对齐,center-居中对齐,right-右对齐
    • bodyAlign:表格内容文本对齐方式  left-左对齐,center-居中对齐,right-右对齐