element-ui el-table 添加数字千位分割

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-ui el-table 添加数字千位分割相关的知识,希望对你有一定的参考价值。

参考技术A <el-table stripe ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%">

      <el-table-column label="注册资金" prop="registeredCapital" :formatter="stateFormat"  show-overflow-tooltip></el-table-column>

</el-table>

methods:

//格式化金额

    stateFormat(row, column, cellValue)

      if(cellValue === '')

        cellValue += '';

     

      else

        cellValue += ' 元';

     

      if (!cellValue.includes('.')) cellValue += '.';

      return cellValue

        .replace(/(\d)(?=(\d3)+\.)/g, function ($0, $1)

          return $1 + ',';

        )

        .replace(/\.$/, '');

    ,

element-ui的el-table组件左下角或右下角有空白部分

参考技术A 解决方法也很简单,添加以下css样式就解决了,就是没有滚动条时,那个固定列为100%高度

以上是关于element-ui el-table 添加数字千位分割的主要内容,如果未能解决你的问题,请参考以下文章

vue+element-ui 失去焦点添加千位符获取焦点去掉千位符的输入框

element-ui的el-table组件左下角或右下角有空白部分

element-ui el-table 表格头多出一列

element-ui el-table 表格头多出一列

解决element-ui的表格设置固定栏后,边框线消失的bug

element-UI——el-table二次封装