vue+element固定表头滚动条导致表头错误

你的名字 2023-06-17 10:57 32阅读 0赞

#### 解决方法 ####

1.  untl.js
    
    封装一个公共的方法
    
        // 重置表格
         resetTableDom(table) { 
              return setTimeout(()=> { 
                  table.doLayout(); // doLayout是element提供的对表格重新布局的方法
              }, 0)
          }
2.  每次请求数据的时候调用该方法
    
        this.api.getQuotaCompensationListData(params).then((data) => { 
            this.loading = false;
                 if (!data.data.HasError) { 
                     this.tableData = data.data.Data;
                     this.totalCount = data.data.TotalCount;
                     this.util.resetTableDom(this.$refs.table); //传值为表格dom
                 }
             }).catch(err => { 
                 console.log(err);
             })
        }
3.  将表格dom传给上述方法
    
        <el-table :data="tableData" height="100%" highlight-current-row ref="table"></el-table>

#### 表格序号递增 ####

<el-table-column type="index" prop="index" label="序号">
        <template slot-scope="scope">
            { { (pageIndex-1)*pageSize + scope.$index + 1}}
        </template>
    </el-table-column>

发表评论取消回复

表情：

评论列表（有 0 条评论，32人围观）

还没有评论，来说两句吧...

相关阅读

相关 table表头固定只让内容滚动

table表头固定只让内容滚动纯css实现表头固定，只tbody滚动需要用到粘性固定属性 – position:sticky position:sticky

曾经终败给现在/ 2024年03月26日 16:51/ 0 赞/ 109 阅读

相关 table表头固定并添加滚动条

实现表头锁定的方式很多，这里这种方式是比较简单，并且是没有任何问题的；完整代码示例： <!DOCTYPE html>

古城微笑少年丶/ 2024年02月19日 17:01/ 0 赞/ 68 阅读

相关 jquery滚动监听，并且固定表头

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title

缺乏、安全感/ 2023年08月17日 15:44/ 0 赞/ 155 阅读

相关 vue+element固定表头滚动条导致表头错误

解决方法 1. untl.js 封装一个公共的方法 // 重置表格 resetTableDom(table

你的名字/ 2023年06月17日 10:57/ 0 赞/ 33 阅读

相关 css 表头不滚动,css固定表头不随滚动条移动.doc

先说效果描述如图：涉及到数据保密的缘故所以数据弄掉了。效果为：整个grid数据会出现横向，竖向滚动条。其中所有的表头：操作，序号，测试1.。。。等等要素，不会随着竖向滚动条的滚

深藏阁楼爱情的钟/ 2022年09月02日 15:40/ 0 赞/ 289 阅读

相关 html固定表头

<style> .fixedHead \{ top: 0; position: fixed;

た入场券/ 2022年07月12日 06:25/ 0 赞/ 221 阅读

相关 html固定表头

<style> .fixedHead \{ top: 0; position: fixed;

- 日理万妓/ 2022年07月12日 06:25/ 0 赞/ 225 阅读

相关 ligerui 表格滚动条放在表格里，固定表头

1、表格里的内容条数太多，这个时候就需要滚动条了，但是滚动条的位置影响着美观，这里建议把滚动条放在表格里例如原来这样![这里写图片描述][SouthEast] 改后的样

我就是我/ 2022年06月05日 04:38/ 0 赞/ 386 阅读

相关 table表头固定，内容可滚动问题

1.首先新建html页面body中写入： <div class="title_div" id="tdiv"> <table class="tit

偏执的太偏执、/ 2022年06月02日 01:12/ 0 赞/ 257 阅读

相关 jquery 表格表头固定，表格滚动 ------gxy

实现了表头固定，表身滚动： -------------------- <div id="scroll_table" class="col-md-12 bottom_

约定不等于承诺〃/ 2022年05月28日 00:21/ 0 赞/ 411 阅读