Skip to end of metadata
Go to start of metadata

  1. 设置可编辑

    选择属性，在右侧属性栏设置

  2. 去除grid header鼠标点击操作选项

    在每个列的属性-高级-初始化js代码中添加如下内容

    function(config) {
  config.defaultGridColumnOptions = {
  noHeaderActivate: true
  };
  return config;
}

  3. 去除grid 底部分页项

    在IG-属性-高级-js初始化代码中输入如下内容

    function(config) {
    config.defaultGridViewOptions = {
        footer: false  
    };
    return config;
}

  4.  IG header 样式

    设置IG region ID=MAPPING_REGION_ID，在页面-CSS-Inline 添加如下样式

    div.a-IG-header{
    background:#3CAF85;
    border:3px;
}
div.a-Toolbar-groupContainer--start{
    text-align:right;
}
div#MAPPING_REGION_ID_ig.a-IG{
    border:0px;
}
div.a-Toolbar-group{
    border:0px;
}

    效果如下：

    在header前面部分添加文字：

    效果图

    1. 方法1：适用于Template为Interactive Report的情况

      $("div#R17001614107088701_ig_toolbar").before($("<div id='p9999_div_header_bycf' >QQQ</div>"));
      div.a-IG-header{
    background:red; 
    display:table;
}

div#p9999_div_header_bycf{
    background: blue; 
    width:25%;  
    display:table-cell;
    vertical-align:middle;
    font-size:24px;
    color:yellow;
    padding-bottom:8px;
}
div#R17001614107088701_ig_toolbar{
    width:75%;
    float:right; 
}
div#R17001614107088701_ig_toolbar .a-Toolbar-groupContainer{
    text-align:right;      
}

    2. 方法2： 实用于Template 为 Standard的情况（建议）

      //alert($(".t-Region-header").height());
v_height=$(".t-Region-header").height();
$(".t-Region-header").css("margin-bottom","-"+v_height+"px");


      div.a-IG-header{
    background:transparent;  
    z-index:101;
    position:relative;
}
 
div#MAPPING_REGION_ID_ig_toolbar .a-Toolbar-groupContainer{
    text-align:right;  
}

div.t-Region-header{
    z-index:100;
    position:relative;
}
  5. 其他
  6. 其他





  • No labels