垂直表4ラインについて記述：その後、それらは本体の右下にTDシンク線を入れて覆うことができるだけでなく、水平スクロールヘッダ||連動体は、ヘッダテーブルをヘッダに設定することができない：前固定ヘッド

垂直線について表4を書きます

<！ - 
* @description重点查核人员表
- ！> 
<テンプレート> 
  の<divクラス= "keyCheckersTable"> 
    <DIV CLASS = "tableZenHeader" REF = "tableZenHeader"> 
      <tableZen REF = "tableZen" 
                disInnerInitの
                幅=」 1500" 
                ：スタイル= "{ボーダー：0}" ：
                列= "列" 
                @リロード= "tableZenReloadHandle"> 
      </ tableZen> 
    </ div> 

    <divの：スタイル= "{身長：innerHeightは+ 'ピクセル'}"クラス= "tableZenBody" REF = "tableZenBody" @スクロール= "scrollHandle"> 
      <divのスタイル= "高さ：500pxなど。幅：1500px; "> 
        123 
      </ DIV> 
    </ DIV> 
  </ DIV> 
</テンプレート> 

<スクリプト>
'./columns'からの輸入列
' ./mockJson 'からインポートmockJson 
から輸入buttonZen '@ /コンポーネント/ buttonZen' 
からの輸入tableZen '@ /コンポーネント/ tableZen / tableZen' //表格组件
からの輸入privateZenMixins' @ /ビュー/ BIZ /入力/コンポーネント/ privateZenMixins.js' 
エクスポートデフォルト{ 
  名： '' keyCheckersTable 
  ミックスイン：[privateZenMixins]、
  コンポーネント：{ 
    tableZen、
    buttonZen 
  }、
  小道具：{ 
    diffHeight：{ 
      タイプ：Number、
      デフォルト：315 
    } 
  }、
  データ（）{ 
    リターン{ 
      innerHeightは：0、
      mockJson、
      列
    } 
  }、
  時計：{}、
  計算：{}、
  メソッド：{ 
    scrollHandle（）{ 
      // this.consoleInfo（ 'scrollHandle scrollLeft'、この$ refs.tableZenBody.scrollLeft） 
      。この$ refs.tableZenHeader.scrollLeft = $この参考文献.tableZenBody.scrollLeft 
    }、
    のinit（）{ 
      this.calcHeight（）
      window.addEventListener（ 'リサイズ'、（）=> { 
        this.calcHeight（）
      }）
    }、
    CALCHEIGHT（）{ 
      this.innerHeight = window.innerHeight -この.diffHeight 
      this.consoleInfo（ '高'、window.innerHeight、this.diffHeight、this.innerHeight）
    }、
    tableZenReloadHandle（anyParams、コールバック）{ 
      RET = {せ
        合計：100、
        データ：[{A1： 'テスト'}] 
      } 
      コールバック（RET）
    } 
  }、
  作成（）{}、
  搭載（）{ 
    this.init（）
  } 
} 
</ SCRIPT> 
<スタイルのlang = "以下「> 
  .keyCheckersTable { 

    ボーダートップ：1ピクセル固体＃1 dcdee2。
    border-left：1pxの固体＃dcdee2。
    位置：相対; 
    ＆：{前
      コンテンツ： ''; 
      幅：100％; 
      高さ：1ピクセル。
      位置：絶対; 
      左：0; 
      下：0; 
      背景色：＃1 dcdee2。
      Zインデックス：1。
    } 
    ＆：{後の
      含有量：
      幅：1ピクセル。
      高さ：100％; 
      位置：絶対; 
      トップ：0; 
      右：0; 
      背景色：＃1 dcdee2。
      z屈折率：3。
    } 
    .tableZenHeader {オーバーフロー：隠された;} 
    .ivuテーブル先端{表示：なし;} 
    .tableZenBody { 
      オーバーフロー：自動。
    } 
    .ivuテーブル{マージン下：0重要;} 
  } 
</スタイル>