table 表格实现左边固定 右边动态数据渲染

最新推荐文章于 2023-08-18 16:07:39 发布
最新推荐文章于 2023-08-18 16:07:39 发布
阅读量983 收藏 2
点赞数
分类专栏： 笔记 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46139235/article/details/107454260
版权

看看效果图吧
在这里插入图片描述
在这里插入图片描述
代码走起：

<template>

<div id="app">
  
  <el-button @click="isshoetancclick"> 打开弹窗</el-button>
  <!-- 日需求 -->
  <div class="app-box" style="margin:40 20px">
    <div class="xiaobox">
      <span>日需求</span>
      <span>2020
        <span> 《  </span>
        <span> 》  </span>
      </span>
    </div>
    <!-- toptable -->
    <el-form @submit.prevent.native="sunbmitclick" class="toptable">
      <el-table
        @row-click="rowClick"
        :header-cell-style="{background:'#eef1f6',color:'#606266',height:'50px',}"
        :row-style="{'height': '50px'}"
        align="center"
        fit
        :data="tableData" 
        border
        style="width: 100%">
        <!-- 左固定信息  第一列数据-->
           <el-table-column
            align="center"
            prop="date1"
            label="确定需求"
            width="200">
          </el-table-column>
        <!-- 表头信息 -->
         <!-- <template
            slot="header"
            slot-scope="slot"
            v-for="(intm,index) in arryue"
          > -->
          <el-table-column v-for="(item,index) in tableHead" 
            :key="index" 
            :label="item.label" 
            :property="item.property" 
            :index="item.index" 
            align="center"
            :width="item.width"
            @cell-click="cellClick"
        >
        <template slot-scope="scoped">
          <span>{{ item.property?item.property : "--"}}</span>
        </template>
        </el-table-column>
      </el-table>
    </el-form>
    <!--  xiatable -->
       <el-form @submit.prevent.native="sunbmitclick" class="xiatable">
      <el-table
        :header-cell-style="{background:'#eef1f6',color:'#606266',height:'50px',}"
        :row-style="{'height': '50px'}"
        align="center"
        fit
        :data="tableData" 
        border
        style="width: 100%">
        <!-- 左固定信息  第一列数据-->
           <el-table-column
            align="center"
            prop="date2"
            label="预计需求"
            width="200">
          </el-table-column>
        <!-- 表头信息 -->
         <!-- <template
            slot="header"
            slot-scope="slot"
            v-for="(intm,index) in arryue"
          > -->
          <el-table-column v-for="(item,index) in tableHead" 
            :key="index" 
            :label="item.label" 
            :property="item.property" 
            :index="item.index" 
            align="center"
            :width="item.width"
            @cell-click="cellClick"
        >
        <template slot-scope="scoped">
          <span>{{ item.property?item.property : "--"}}</span>
        </template>
        </el-table-column>
      </el-table>
    </el-form>
    
  </div>
 
    <!-- 周需求 -->
   <div class="app-box" style="margin:40 20px">
       <div class="xiaobox">
          <span>周需求</span>
          <span>2020
            <span> 《  </span>
            <span> 》  </span>
          </span>
      </div>
     <el-form @submit.prevent.native="sunbmitclick" class="toptable">
      <el-table
        :header-cell-style="{background:'#eef1f6',color:'#606266',height:'50px',}"
        :row-style="{'height': '50px'}"
        align="center"
        fit
        :data="tableData" 
        border
        style="width: 100%">
        <!-- 左固定信息  第一列数据-->
           <el-table-column
            align="center"
            prop="date1"
            label="确定需求"
            width="200">
          </el-table-column>
        <!-- 表头信息 -->
         <!-- <template
            slot="header"
            slot-scope="slot"
            v-for="(intm,index) in arryue"
          > -->
          <el-table-column v-for="(item,index) in tableHeadweek" 
            :key="index" 
            :label="item.label1" 
            :property="item.property1" 
            :index="item.index" 
            align="center"
            :width="item.width"
            @cell-click="cellClick"
        >
        <template slot-scope="scoped">
          <span>{{ item.property?item.property : "--"}}</span>
        </template>
        </el-table-column>
      </el-table>
    </el-form>
     
     <!-- xiatable -->
      <el-form @submit.prevent.native="sunbmitclick" class="xiatable">
      <el-table
        :header-cell-style="{background:'#eef1f6',color:'#606266',height:'50px',}"
        :row-style="{'height': '50px'}"
        align="center"
        fit
        :data="tableData" 
        border
        style="width: 100%">
        <!-- 左固定信息  第一列数据-->
           <el-table-column
            align="center"
            prop="date2"
            label="预计需求"
            width="200">
          </el-table-column>
        <!-- 表头信息 -->
          <el-table-column v-for="(item,index) in tableHeadweek" 
            :key="index" 
            :label="item.label1" 
            :property="item.property1" 
            :index="item.index" 
            align="center"
            :width="item.width"
            @cell-click="cellClick"
        >
        <template slot-scope="scoped">
          <span>{{ item.property?item.property : "--"}}</span>
        </template>
        </el-table-column>
      </el-table>
    </el-form>

   </div>
   <!-- yue需求 -->
    <div class="app-box" style="margin:40 20px">
    <div class="xiaobox">
      <span>月需求</span>
      <span>2020
        <span> 《  </span>
        <span> 》  </span>
      </span>
    </div>
    <!-- toptable -->
    <el-form @submit.prevent.native="sunbmitclick" class="toptable">
      <el-table
        :header-cell-style="{background:'#eef1f6',color:'#606266',height:'50px',}"
        :row-style="{'height': '50px'}"
        align="center"
        fit
        :data="tableData" 
        border
        style="width: 100%">
        <!-- 左固定信息  第一列数据-->
           <el-table-column
            align="center"
            prop="date1"
            label="确定需求"
            width="200">
          </el-table-column>
        <!-- 表头信息 -->
         <!-- <template
            slot="header"
            slot-scope="slot"
            v-for="(intm,index) in arryue"
          > -->
          <el-table-column v-for="(item,index) in tableHeadyue" 
            :key="index" 
            :label="item.label" 
            :property="item.property" 
            :index="item.index" 
            align="center"
            :width="item.width"
            @cell-click="cellClick"
        >
        <template slot-scope="scoped">
          <span>{{ item.property?item.property : "--"}}</span>
        </template>
        </el-table-column>
      </el-table>
    </el-form>
    <!--  xiatable -->
       <el-form @submit.prevent.native="sunbmitclick" class="xiatable">
      <el-table
        :header-cell-style="{background:'#eef1f6',color:'#606266',height:'50px',}"
        :row-style="{'height': '50px'}"
        align="center"
        fit
        :data="tableData" 
        border
        style="width: 100%">
        <!-- 左固定信息  第一列数据-->
           <el-table-column
            align="center"
            prop="date2"
            label="预计需求"
            width="200">
          </el-table-column>
        <!-- 表头信息 -->
         <!-- <template
            slot="header"
            slot-scope="slot"
            v-for="(intm,index) in arryue"
          > -->
          <el-table-column v-for="(item,index) in tableHeadyue" 
            :key="index" 
            :label="item.label" 
            :property="item.property" 
            :index="item.index" 
            align="center"
            :width="item.width"
            @cell-click="cellClick"
        >
        <template slot-scope="scoped">
          <span>{{ item.property?item.property : "--"}}</span>
        </template>
        </el-table-column>
      </el-table>
    </el-form>
    
  </div>
    
   <!-- 季度需求 -->
     <div class="app-box" style="margin:40 20px">
       <div class="xiaobox">
          <span>季度需求</span>
          <span>2020
            <span> 《  </span>
            <span> 》  </span>
          </span>
      </div>
     <el-form @submit.prevent.native="sunbmitclick" class="toptable">
      <el-table
        :header-cell-style="{background:'#eef1f6',color:'#606266',height:'50px',}"
        :row-style="{'height': '50px'}"
        align="center"
        fit
        :data="tableData" 
        border
        style="width: 100%">
        <!-- 左固定信息  第一列数据-->
           <el-table-column
            align="center"
            prop="date1"
            label="确定需求"
            width="200">
          </el-table-column>
        <!-- 表头信息 -->
          <el-table-column v-for="(item,index) in tableHeadjidu" 
            :key="index" 
            :label="item.label1" 
            :property="item.property2" 
            :index="item.index" 
            align="center"
            :width="item.width"
            @cell-click="cellClick"
        >
        <template slot-scope="scoped">
          <span>{{ item.property2?item.property2 : "--"}}</span>
        </template>
        </el-table-column>
      </el-table>
    </el-form>
     
     <!-- xiatable -->
      <el-form @submit.prevent.native="sunbmitclick" class="xiatable">
      <el-table
        :header-cell-style="{background:'#eef1f6',color:'#606266',height:'50px',}"
        :row-style="{'height': '50px'}"
        align="center"
        fit
        :data="tableData" 
        border
        style="width: 100%">
        <!-- 左固定信息  第一列数据-->
           <el-table-column
            align="center"
            prop="date2"
            label="预计需求"
            width="200">
          </el-table-column>
        <!-- 表头信息 -->
          <el-table-column v-for="(item,index) in tableHeadjidu" 
            :key="index" 
            :label="item.label1" 
            :property="item.property2" 
            :index="item.index" 
            align="center"
            :width="item.width"
            @cell-click="cellClick"
        >
        <template slot-scope="scoped">
          <span>{{ item.property2?item.property2 : "--"}}</span>
        </template>
        </el-table-column>
      </el-table>
    </el-form>

   </div>
  
  
  <!-- 弹框 -->
  <Tanchuang
  :gridData="gridData"
  @backclose="backclose"
  :titlename="titlename"
  :visibleisshow="ishow"
  ></Tanchuang>
  </div>
</template>
<script type="text/javascript">
import Tanchuang from './components/tanchaung'
// 调用接口 获取数据
export default {
  name: 'app',
  components: {
    Tanchuang
    // elTableColumn
  },
  data () {
    return {
      
      titlename:"今晚打老虎",
      ishow:false,
      loading:false,
      // 天数据
      tableHead:[{
          label:"1" ,
          property:"9" ,
         
          width:'100px'
      },
      {
         label:"2" ,
        
          property:"99" ,
          width:'50px'

      },
      {
         label:"3" ,
         
         property:"999" ,
           width:'70px'
      },
      {
         label:"4" ,
       
         property:"9" ,
           width:'60px'

      },
      {
         label:"5" ,
         property:"11" ,
         width:'60px'
      },
       {
         label:"6" ,
         property:"" ,
         width:'60px'
      },
      {
         label:"7" ,
         property:"" ,
          width:'60px'
      },
      {
         label:"8" ,
         property:"" ,
          width:'60px'

      },
      {
         label:"9" ,
         property:"919" ,
          width:'60px'
        
      },
      {
         label:"10" ,
         property:"12" ,
          width:'60px'
      },
      {
         label:"11" ,
         property:"93239" ,
          width:'60px'

      },
      {
         label:"12" ,
         property:"994" ,
          width:'auto'
        
      },
      {
          label:"13" ,
          property:"9" ,
         
          width:'100px'
      },
      {
         label:"14" ,
        
          property:"99" ,
          width:'50px'

      },
      {
         label:"15" ,
         
         property:"999" ,
           width:'70px'
      },
      {
         label:"16" ,
       
         property:"9" ,
           width:'60px'

      },
      {
         label:"17" ,
         property:"11" ,
         width:'60px'
      },
       {
         label:"18" ,
         property:"" ,
         width:'60px'
      },
      {
         label:"19" ,
         property:"" ,
          width:'60px'
      },
      {
         label:"20" ,
         property:"" ,
          width:'60px'

      },
      {
         label:"20" ,
         property:"919" ,
          width:'60px'
        
      },
      {
         label:"22" ,
         property:"12" ,
          width:'60px'
      },
      {
         label:"23" ,
         property:"93239" ,
          width:'60px'

      },
      {
         label:"24" ,
         property:"994" ,
          width:'auto'
        
      },
      {
         label:"25" ,
         property:"919" ,
          width:'60px'
        
      },
      {
         label:"26" ,
         property:"12" ,
          width:'60px'
      },
      {
         label:"28" ,
         property:"93239" ,
          width:'60px'

      },
      {
         label:"31" ,
         property:"994" ,
          width:'auto'
        
      }
      ],
      //  月需求数据data
       tableHeadyue:[{
          label:"1" ,
          property:"9" ,
         
          width:'100px'
      },
      {
         label:"2" ,
        
          property:"99" ,
          width:'50px'

      },
      {
         label:"3" ,
         
         property:"999" ,
           width:'70px'
      },
      {
         label:"4" ,
       
         property:"9" ,
           width:'60px'

      },
      {
         label:"5" ,
         property:"11" ,
         width:'60px'
      },
       {
         label:"6" ,
         property:"" ,
         width:'60px'
      },
      {
         label:"7" ,
         property:"" ,
          width:'60px'
      },
      {
         label:"8" ,
         property:"" ,
          width:'60px'

      },
      {
         label:"9" ,
         property:"919" ,
          width:'60px'
        
      },
      {
         label:"10" ,
         property:"12" ,
          width:'60px'
      },
      {
         label:"11" ,
         property:"93239" ,
          width:'60px'

      },
      {
         label:"12" ,
         property:"994" ,
          width:'auto'
        
      }],
      // 季度需求 数据
      tableHeadjidu:[
        {
          label1:"第一季度" ,
          property2:"9" ,
          width:'auto'
        },
        {
          label1:"第二季度" ,
          property2:"" ,
          width:'auto'
        },
          {
          label1:"第三季度" ,
          property2:"94" ,
          width:'auto'
        },
        {
          label1:"第四季度" ,
          property2:"98" ,
          width:'auto'
        }
      ],
      // 周数据
         tableHeadweek:[{
          label1:"第一周" ,
          property1:"9" ,
          width:'100px'
      },
      {
         label:"2" ,
         label1:"第二周" ,
          property1:"94" ,
          
          width:'100px'

      },
      {
         label:"3" ,
         label1:"第三周" ,
          property1:"19" ,
         property:"999" ,
           width:'70px'
      },
      {
         label:"4" ,
         label1:"第四周" ,
          property1:"9" ,
         property:"9" ,
           width:'160px'

      },
      {
          label1:"第五周" ,
          property1:"9" ,
           width:'100px'
      },
       {
          label1:"第六周" ,
          property1:"9" ,
           width:'100px'
      },
      {
          label1:"第六周" ,
          property1:"9" ,
           width:'100px'
      },
      {
         label1:"第六周" ,
          property1:"9" ,
           width:'100px'

      },
      {
          label1:"第六周" ,
          property1:"9" ,
           width:'100px'
        
      },
      {
        label1:"第六周" ,
          property1:"9" ,
           width:'100px'
      },
      {
        label1:"第六周" ,
          property1:"9" ,
           width:'100px'

      },
      {
          label1:"第十周" ,
          property1:"9" ,
           width:'100px'
        
      }
      ],
       tableData: [
         // 固定值
         {  
            date1: '不许师傅金额（万）',
              date2: '金收入金额（万）',
            propindexerty:"2" ,
        }, 
         {
           date1: '炽然傅金额（万）',
            propindexerty:"2" ,
             date2: '一年营业饿（万）',
          },
        ],

       value: null,
        dialogImageUrl: '',
        active: 0,
        defaultProps: {
          children: 'children',
          label: 'label'
        },
      todos: [
        {
          id: 0,
          text: 'ziwei0',
          isComplete: false
        },
        {
          text: 'ziwei1',
          id: 1,
          isComplete: true
        },
        {
          text: 'ziwei2',
          id: 2,
          isComplete: false
        },
        {
          text: 'ziwei3',
          id: 3,
          isComplete: false
        }
      ],
     
    }
  },
  active:{

  },
  methods: {
    // 表头 tianjia
   adddataheaderlist(){

   },

    // 弹窗出现事件
    isshoetancclick(){
      console.log('点击了')
      //  this.ishow=true
       this.ishow=!this.ishow
    },
    backclose( val){
      // console.log(val)
      this.ishow=val
    },
    // 点击每一项时触发的函数
    cellClick(row, column, cell, event){
     console.log('点击了1111',row, column, cell, event)
    },
      btnclick(){
              this.dialogVisible=!this.dialogVisible
      },
      goBack() {
        console.log('go back');
      },
      handleRemove(file, fileList) {
        console.log(file, fileList);
      },
      handlePictureCardPreview(file) {
        this.dialogImageUrl = file.url;
        this.dialogVisible = true;
      },
          handleRemove(file, fileList) {
        console.log(file, fileList);
      },
      handlePreview(file) {
        console.log(file);
      },
      handleExceed(files, fileList) {
        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
      },
      beforeRemove(file, fileList) {
        return this.$confirm(`确定移除 ${ file.name }？`);
      },
     
     next() {
        if (this.active++ > 3) this.active = 0;
      },
    cliclww(){
     console.log(123)
    },
    changesclick(e){
        console.log(e)
    },
    addclick(a,s,d){
      console.log('123',a,s,d)
    },
    callbackclick(){
      console.log('GUANBIL')
    },
    rowClick(val,index){
     console.log("rowClick",val,index)
    }
  }



}
</script>
<style lang="scss" scoped>
.app-box{
  margin: 40px 40px;
  .xuqiu-pageintion{
     float: right;
     .xiaobox{
       height: 30px;
       line-height: 30px;
       text-align: center;
       display: flex;
       justify-content: flex-start;
       color: aqua;
       font-size: 20px;
       margin-bottom: 20px;
     }
  }
   .el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
  
  }
  .el-table__header-wrapper {
    table-layout: fixed;
    border-collapse: separate;
    text-align: center;
    background-color: pink !important;
    height:80px;
  }
  .headerCell-classname{
    background: #abcdef;
  
  }
  .el-aside {
    color: #333;
  }
    .el-dropdown {
    vertical-align: top;
  }
  .el-dropdown + .el-dropdown {
    margin-left: 15px;
  }
  .el-icon-arrow-down {
    font-size: 12px;
  }
  // xiatable
  .xiatable{
    margin-top: 30px;
  } 




}
</style>
奔跑的DIV
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
element ui table左侧选中，右侧渲染，右侧删除单个标签，左侧对应标签不选中(实际操作中发现同名博文的一点问题，此篇为补充代码)，交互问题（添加、修改回显）
weixin_39143969的博客
04-21 1141
表格代码如下： <el-table ref="multipleTable" :data="userTableData" class="padding-table" style="width: 100%;" @selection-change="tableChangeFun"> <el-table-column type="selection" width="55"> </el-tab
table 例1、左侧固定，右侧滑动 例2、固定顶部第一行，左边第一行，例3，可固定左侧和顶侧
jack_rose_me的博客
02-23 1120
<!DOCTYPEhtml> <html> <headlang="en"> <metacharset="UTF-8"> <title>模拟表格</title> </head> <body> <styletype="text/css"rel="stylesheet"> .tableOut{ width:200px; ...
table左边固定-底部横向滚动条
weixin_30485379的博客
10-14 1325
是日有需求，曾探讨过table表单头部、尾部固定不动，中间内容随着滚动条的滚动而变化。 整合资料之际，发现有很多表格，表单展现中，横向数据很多、很长，不方便查看。 则，横空霹雳出了，此款：table表单左边固定，底部滚动条左右滑动展现数据demo。 原理很简单：在 table外面嵌套一层div ，并且设置此父div {overflow: auto;}.此举为了出席横向滚动条 对里面的t...
elementUI el-table固定左侧和头部 头部循环获取 排班表
weixin_44766849的博客
08-09 617
【代码】elementUI el-table固定左侧和头部 头部循环获取 排班表。
表格左边固定并且每一行的高度随内容的变化而变化（纯css）
草木红的博客
01-19 725
本例子需要引入bootstrap.css 当页面滚动时，表格左边固定，并且有一个阴影效果，每一行的高度随内容的变化而变化。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
10-17
在Vue2.0结合ElementUI2.0的项目开发中，常常会遇到表格列数不固定，需要根据数据动态渲染的情况。本篇文章将详细介绍如何实现`el-table`的循环动态列渲染。 首先，ElementUI的`el-table`组件通常通过`<el-table-...
vue elementUI table表格数据 滚动懒加载的实现方法
10-17
ElementUI 的 `el-table` 组件可以方便地展示表格数据，并支持数据绑定。 2. **ElementUI Table 组件**： ElementUI 的 `el-table` 提供了多种功能，如排序、筛选、行/列固定等。在大量数据场景下，我们需要关注其...
layui数据表格重载实现往后台传参
12-30
1、网上的代码： 搜索商户： <input class=layui-input name=keyword id=demoReload autocomplete=off> <button class=layui-btn data-type=reload>...在js加入初始化代码和定义加载方法...//方法级渲染 t
table表格固定行和列
05-11
要实现`table表格固定行和列`，我们可以采用以下几种方法： 1. **CSS样式实现** 通过CSS定位技术，我们可以将表头（thead）和第一列（th）设置为固定位置。例如，使用`position: fixed`可以将元素从正常文档流中...
基于vue实现web端超大数据量表格的卡顿解决
10-17
【基于Vue实现Web端超大数据量表格卡顿解决】 在Web开发中，处理大量数据时，尤其是当数据呈现为表格形式时，用户界面的卡顿问题是一个常见的挑战。Vue.js作为一个轻量级的前端框架，虽然高效且易于使用，但在处理...
html表格固定右侧列,表格固定列的简单实现.html
weixin_28520495的博客
05-31 583
表格固定列的简单实现*{box-sizing: border-box;}.box{width: 800px;overflow-x:auto;margin: 100px auto;}table{width: 1000px;border-collapse: collapse;text-align: center;white-space: nowrap;}td,th{width: 100px;heigh...
table表头与左侧数据相对应渲染表格，如果两者都包含相同数据则红色对号，否则黑色显示
最新发布
qq_72760247的博客
08-18 153
【代码】table效果图。
ElementUI table表格列动态渲染
qq_43934844的博客
11-09 2546
ElementUI table表格列动态渲染
ElementUi的table左侧列固定值，渲染每一行与列对应的数据
weixin_68729379的博客
11-09 1897
elementui，表格数据要与左侧行和表头数据对应渲染
el-table闪烁及左固定列在滚动轮缩放出现错位问题
qq_35246952的博客
05-26 963
1、el-table一直闪烁，具体方法和百度上一样 .el-table { width: 99.9% !important; } .el-table__body { width: 100% !important; } 2、左固定列在滚动轮缩放的时候出现的错位 在网上找了几种方案 发现都没用 像这种 重绘也没用 this.$refs.multipleTable.doLayout() 后面我发现 当有x滚动条时不会出现错位，于是通
实现table表格固定顶部标题栏和左侧标题栏
CSDN_0927的博客
11-08 926
【代码】实现table表格固定顶部标题栏和左侧标题栏。
如何动态渲染elementUI table的行和列
weixin_38514634的博客
01-28 7991
如何动态渲染elementUI table的行和列需求实现注意点进阶注意点写在最后 需求 近日项目中遇到这样一个需求：需要动态渲染一个列表的行和列，官网给出的例子大多是列写死的，行动态生成的，但是如何实现动态渲染行和列呢？后来我查询了一下实现了该功能，如下我将总结一下然后贴上代码。 实现 Talk is cheap,show me the code: &lt;template&gt; &lt...
element-ui树形表格，左边勾选，右边显示选中的数据-功能（如动图）
weixin_42125732的博客
08-05 2655
vue element表格
怎么实现点击左侧的el-table，右侧el-input输入框出现内容
guapilixianghe的博客
06-28 865
1，左侧el-table的结构 2，右侧el-input绑定的数据 3，return部分 4，发起查询的请求，将结果返回到tableData中 5，利用el-table绑定的@current-change="handleCurrentChange"将el-table的数据展示到输入框中 6，总结 虽然el-table中我只写了name，sex和age，而右侧的el-input多余了一个国籍nationality，但是只要查询的sql中写了国籍，el-table就会存有这个
vue使用elementui动态生成不固定列的table表格
05-31
可以使用 Element UI 的 `<el-table>` 标签和 `<el-table-column>` 标签来实现动态生成不固定列的表格。下面是一个示例代码： ``` <el-table :data="tableData"> <el-table-column v-for="column in columns" :...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值