Element-ui中Table组件的用法

本文详细介绍了Element-ui中Table组件的基础用法,包括无边框的普通表格、带斑马纹的样式、带边框的展示效果,以及如何利用row-class-name实现带状态的表格,通过设置自定义类名来呈现不同状态。更多内容建议查阅Element-ui官方文档。
摘要由CSDN通过智能技术生成

这里我们从基础用法一点点说

一,基础用法

 二,带斑马纹表格

三,带边框表格 

边框和斑马纹基本一样,在Table标签上加一个border属性就可以

四, 带状态表格

 这里row-class-name的值为一个函数

 函数里可以给任意行加上状态类名,这里的状态类名可以去Element-ui中Alert 警告组件中查看,

只需要在警告类名后加"-row"就行

这里就说这么多,详情可以参考Element-ui

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值