解决table 横向不滚动！

chenyabin

2021-04-15 ae03714bb9b7e509791451290e26eceabc5838e5

 src/components/table/components/WasteWater.vue

@@ -1,14 +1,7 @@
<template>
   <div class="waste-water">
           <el-table
                   class="tableBox"
                   :data="tableData"
                   @cell-click="handle"
           >
               <el-table-column
                       width="30px"
                        label=""
               >
           <el-table class="tableBox" :data="tableData" style="width: 100%" @cell-click="handle">
               <el-table-column width="30px" label="">
                 <template slot-scope="{row,$index}">
<!--                   <i class="el-icon-caret-right" v-if="$index ===1"></i>-->
                 <el-popover
@@ -23,60 +16,33 @@
                 </el-popover>
                   </template>
               </el-table-column>
               <el-table-column
                       label="序号"
                       width="45px"
                       type="index">
               </el-table-column>
               <el-table-column
                       prop="UserName"
                       label="企业名称"
                       width="120px">
               <el-table-column label="序号" width="45px" type="index"></el-table-column>
               <el-table-column prop="UserName" label="企业名称" width="120px">
                 <template slot-scope="scope">
                   <div v-if="scope.row.UserName==='集团名称'" style="color: #00ffff">{{scope.row.UserName}}</div>
                   <div v-else-if="scope.row.UserName==='天津石化'" style="color: #00ffff">{{scope.row.UserName}}</div>
                   <div v-else >{{scope.row.UserName}}</div>
                 </template>
               </el-table-column>
               <el-table-column prop="WasteWaters" label="外排废水量（m³）"></el-table-column>
               <el-table-column prop="WasteWaters">
                   <div slot="header">
                      <span>外排废水量</span>
                       <div>（m³）</div>
                   </div>
               </el-table-column>
               <el-table-column label="COD  (t)">
                   <el-table-column
                           prop="AddOutPut"
                           label="累计产生量"
                           width="70px">
                   </el-table-column>
                   <el-table-column
                               prop="MonthOutPut"
                               label="当月生产量"
                               width="70px">
                   </el-table-column>
                   <el-table-column prop="AddOutPut" label="累计产生量" width="70px"></el-table-column>
                   <el-table-column prop="MonthOutPut" label="当月生产量" width="70px"></el-table-column>
               </el-table-column>
               <el-table-column label="氨氮  (t)">
                   <el-table-column
                           prop="NH4NPut"
                           label="累计产生量"
                           width="70px">
                   </el-table-column>
                   <el-table-column
                           prop="NH4NMonth"
                           label="当月生产量"
                           width="70px">
                   </el-table-column>
                   <el-table-column prop="NH4NPut" label="累计产生量" width="70px"></el-table-column>
                   <el-table-column prop="NH4NMonth" label="当月生产量" width="70px"></el-table-column>
               </el-table-column>
               <el-table-column label="排放口检测统计状态">
                   <el-table-column
                           prop="normal"
                           label="正常"
                           width="60px">
                   <el-table-column prop="normal" label="正常" width="60px">
                     <template slot-scope="{row,$index}">
                       <u v-if="$index!=2" >{{row.normal}}</u>
                       <el-popover v-else
                           placement="bottom-end"
                           width="200"
                           trigger="click"
                                   popper-class="popovers"
                           title="监测点明细表"
                       >
                       <el-popover v-else placement="bottom-end" width="200" trigger="click" popper-class="popovers" title="监测点明细表">
                         <refinery></refinery>
                         <u slot="reference" style="color: #00ffff">{{row.normal}}</u>
                         <!--                       <i class="el-icon-caret-bottom" v-else-if="isShowIcon&&scope.row.index===1"></i>-->
@@ -85,21 +51,9 @@
                       </el-popover>
                     </template>
                   </el-table-column>
                   <el-table-column
                           prop="overProof"
                           label="超标"
                           width="60px">
                   </el-table-column>
                   <el-table-column
                           prop="Abnormal"
                           label="异常"
                           width="60px">
                   </el-table-column>
                   <el-table-column
                           prop="StopProduction"
                           label="停产"
                           width="60px">
                   </el-table-column>
                   <el-table-column prop="overProof" label="超标" width="60px"></el-table-column>
                   <el-table-column prop="Abnormal" label="异常" width="60px"></el-table-column>
                   <el-table-column prop="StopProduction" label="停产" width="60px"></el-table-column>
                   <el-table-column
                           prop="deficiency"
                           label="缺失"