版本比较

标识

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

...

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

    • 示例:

      pkgrid.setStyle('grid', {
          headerBorder: {
              border: 'border',
              style: 'solid',
              width: '1px',
              color: 'red'
          },
          bodyBorder: {
              border: 'border-bottom',
              style: 'solid',
              width: '1px',
              color: 'red'
          },
          trHoverEnter: {
              bgColor: 'red',
              color: 'blue'
          },
          trHoverLeave: {
              bgColor: 'transparent',
              color: 'cyan'
          },
          headerAlign    headerText:{
              align:'center',
              color:'#fff'
          },
          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:文字颜色
    • headerText:表格标题文本样式
      • align:文本对齐方式 
      headerAlign:表格标题文本对齐方式 
      • left-左对齐,center-居中对齐,right-右对齐
      • color:文字颜色
    • bodyAlign:表格内容文本对齐方式  left-左对齐,center-居中对齐,right-右对齐

...