vue的table表格_vue elementui表格

vue的table表格_vue elementui表格新入职的公司让我学习下Vue,以前没怎么学过,最近开始学习,记录下每天学习的内容,借鉴了很多前辈们的资料,如有冒犯,还请原谅。开始我做的是动态表格,但是发现不会调整宽度,于是就改成了下面的样子,用着更舒服一些。先记录下来,免的以后想用找不到。先看下效果图。本人比较懒,就写了一行,下面上代码。<template> <el-table:data=”tableDa…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

新入职的公司让我学习下Vue,以前没怎么学过,最近开始学习,记录下每天学习的内容,借鉴了很多前辈们的资料,如有冒犯,还请原谅。
开始我做的是动态表格,但是发现不会调整宽度,于是就改成了下面的样子,用着更舒服一些。先记录下来,免的以后想用找不到。
先看下效果图。
在这里插入图片描述
本人比较懒,就写了一行,下面上代码。

<template>
	<el-table
    :data="tableData"
    border
    style="width:95%"
    fit
>
    <el-table-column
        prop="goodsNo"
        label="商品编号"
        width="150"
        align="center"
    >
    </el-table-column>
    <el-table-column
        prop="goodsName"
        label="商品名称"
        show-overflow-tooltip
        align="center"
    >
    </el-table-column>
    <el-table-column
        prop="goodsPrice"
        label="商品价格"
        width="100"
        align="center"
    >
    </el-table-column>
</el-table>
</template>
<script>	
   export default { 
      data(){
      	return{
      	 	tableData:[
 			   {
			        goodsNo:"10005100000123",
			        goodsName:"套餐月费10元,长市漫合一,被叫免费,国内主叫0.15元/分钟",
			        goodsPrice:"¥20.00"
			    }
			]
      		}
         }
  }
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/191258.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 矩阵求逆的_matlab计算矩阵的逆矩阵

    矩阵求逆的_matlab计算矩阵的逆矩阵首先输入矩阵,例如:octave:1&gt;a=[3,4;2,16]a=  3  4  2 16然后,利用pinv函数求逆octave:2&gt;pinv(a)ans=  0.400000 -0.100000 -0.050000 0.075000octave:3&gt;pinv(a)*aans=  1.00000 -0.00000  0.00000 …

    2022年8月21日
    6
  • 爱比较病毒测试(不是震网病毒特点的是)

    CIH、爱虫、冲击波、熊猫烧香,对这4种网络病毒你了解多少?现在的网络病毒能够分为三类,第一类是“蠕虫”病毒,这类型的病毒是在感染电脑后经过不停地复制自己,将电脑原来的运行和储存资源耗费掉,最终电脑由于资源耗费干净而无法运行直至死机;第二类是“进犯型”病毒,这类病毒和蠕虫病毒不一样,进犯型病毒一旦感染就会对电脑软件甚至是硬件做出破坏性的进犯,威力和破坏性极端强大。最终第三类是“木马”类病毒,这类病…

    2022年4月14日
    257
  • Idea激活码最新教程2022.2.2版本,永久有效激活码,亲测可用,记得收藏

    Idea激活码最新教程2022.2.2版本,永久有效激活码,亲测可用,记得收藏Idea 激活码教程永久有效 2022 2 2 激活码教程 Windows 版永久激活 持续更新 Idea 激活码 2022 2 2 成功激活

    2025年5月25日
    0
  • spark隐式转换 toDf_隐式转换是什么

    spark隐式转换 toDf_隐式转换是什么文章目录一.生产问题背景二.隐式转换开荒2.1隐式转换函数参数RichFile2.2隐式类2.3隐式解析机制三.回归主题一.生产问题背景如上就是此blog产生的背景,SparkSQL中, DF.select()select报错不能导入 sparksqlCannotresolveoverloadedmethod’select’咨询大佬后,隐式转换的原因,导入Spark的隐式转换后即可 importspark.implicits._二.隐式转换开

    2022年10月11日
    0
  • 怎么提高开车技术_全日行车计划

    怎么提高开车技术_全日行车计划Description现在有n个城市,每个城市有它的高度HiH_i,保证每个HiH_i互不相同。我们定义两个城市之间的距离disi,j=|Hi−Hj|dis_{i,j}=|H_i-H_j|,并且只能从编号小的城市去到编号大的城市。现在有两个人,小A和小B要开车(雾)去旅行。小A先开一天,小B再开一天。每一天都可以从一个开到另一个城市。小A会选择去离当前城市第二近的城市,小B会选择去离当前城市最近的那

    2022年8月22日
    3
  • 修改host访问github_github下载单个文件

    修改host访问github_github下载单个文件修改host文件登录github

    2022年10月11日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号