element 表格使用了header-cell-style后表头超出隐藏

最新推荐文章于 2024-08-29 15:17:24 发布

心若向阳(*￣︶￣)

最新推荐文章于 2024-08-29 15:17:24 发布

阅读量1.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue.js element js 文章标签：前端 elementui table 表头合并表头消失

本文链接：https://blog.youkuaiyun.com/agua001/article/details/134684408

html

<el-table :data="finishWork" :row-class-name="tableRowClassName" border :span-method="objectSpanMethod" :header-cell-style="headerStyle" style="width: 100%">
  <el-table-column prop="supervisionType" align="center" label="工作任务" width="140" fixed />
  <el-table-column prop="supervisionProject" align="center" label="工作内容" width="200" fixed></el-table-column>
  <el-table-column prop="content" align="left" width="400">
    <template slot-scope="scope">
      <div v-html="scope.row.content" style="white-space:pre-wrap;"></div>
    </template>
  </el-table-column>
  <el-table-column prop="workImplementation" label="工作落实情况">
    <template slot-scope="scope">
      <el-form-item :prop="'scope.row.details.' + scope.index + '.workImplementation'">
        <el-input type="textarea" autosize v-model="scope.row.workImplementation" :disabled="viewtype" v-if="!viewtype"></el