ElementUI table,el-table-column的行高设置,翻页序号设置

左手的ㄟ右手 2022-11-12 04:14 522阅读 0赞

[https://blog.csdn.net/qq\_38950919/article/details/81056447][https_blog.csdn.net_qq_38950919_article_details_81056447]

<el-table
         :row-style="{ height: '50px' }"
         :data="senttimearr"
         :header-cell-style="{ background: '#47B5F2', color: 'white' }"
    >
    
    设置索引
    
     <el-table-column
         type="index"
         :index="indexMethod"
         label="序号"
         width="50"
    ></el-table-column>
    
    
    //表格序号
    indexMethod(index) {
          let curpage = this.currentPage; //单前页码，具体看组件取值
          let limitpage = this.pageSize; //每页条数，具体是组件取值
          return index + 1 + (curpage - 1) * limitpage;
    },

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E3NzIxMTY4MDQ_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E3NzIxMTY4MDQ_size_16_color_FFFFFF_t_70 1][]

[https_blog.csdn.net_qq_38950919_article_details_81056447]: https://blog.csdn.net/qq_38950919/article/details/81056447
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E3NzIxMTY4MDQ_size_16_color_FFFFFF_t_70]: /images/20221022/59e3707ab4594a61bcaebf89c74e2e52.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E3NzIxMTY4MDQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210322190013427.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E3NzIxMTY4MDQ=,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

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

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

相关阅读

相关 element ui 实现表单序号翻页累加

一、需求描述需要序号根据数据的条数累加显示，且翻页后仍然保持正常的序号，如下图所示。这是第一页， ![在这里插入图片描述][watermark_type_ZmF

电玩女神/ 2023年10月07日 10:52/ 0 赞/ 56 阅读

相关修改elementui table的行高设置el-table-column的默认行高和内边距

关键代码：在table里面设置： > 1. :row-style="\{height: '0'\}" > 2. :cell-style="\{padding: '0'

àì夳堔傛蜴生んèń/ 2023年01月08日 07:26/ 0 赞/ 254 阅读

相关 ElementUI table,el-table-column的行高设置,翻页序号设置

[https://blog.csdn.net/qq\_38950919/article/details/81056447][https_blog.csdn.net_qq_389

左手的ㄟ右手/ 2022年11月12日 04:14/ 0 赞/ 523 阅读

相关 mysql设置序号

由于查出来，序号不是从1开始排列（这里主键自增，如果其中插入失败，那么导致id序号不是从1开始排列）解决方法: set @i=0; SELECT

旧城等待，/ 2022年10月20日 13:43/ 0 赞/ 312 阅读

相关 html5设置单元格行高,单元格的行高怎么设置 EXCEL文档怎么统一设置行高

我要把有几行设置为同样的高度，可是一行一行的拉，太慢了。在Excel中，如何设置表格最合适的行高、列宽？ EXCEL中的单元格行高不够怎么调整可以自动调整，根据字的内容来

逃离我推掉我的手/ 2022年10月06日 12:45/ 0 赞/ 260 阅读

相关 vue element序号翻页连续排序

type="index" :index="indexMethod" // 序号翻页连续排序 indexMethod(index) {

川长思鸟来/ 2022年09月14日 02:38/ 0 赞/ 190 阅读

相关 ElementUI table的行高设置

... <el-table :data="tableData" style="width: 100%" :row

淡淡的烟草味﹌/ 2022年09月12日 01:47/ 0 赞/ 591 阅读

相关 excel设置行高

//设置行高 void XlsSetRowHeight(int Row, double height) { if (!xlsAppIsIni

╰+攻爆jí腚メ/ 2022年08月03日 00:16/ 0 赞/ 249 阅读

相关 TextView设置行间距、行高

文章转自：[http://www.cnblogs.com/yejiurui/p/3822683.html][http_www.cnblogs.com_yejiurui_p_38

矫情吗；*/ 2022年06月07日 01:25/ 0 赞/ 483 阅读

相关搜狗输入法Tab翻页设置

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

深藏阁楼爱情的钟/ 2021年09月19日 07:08/ 0 赞/ 721 阅读