您现在的位置是:首页 > Javascript
当前栏目
elementUI中的el-table标签介绍
2023-03-14 22:44:09 时间
1 问题
介绍el-table标签的用法以及el-table标签里面的属性。
2 方法
el-table标签是element中的表格标签,而table表格用于展示多条结构类似的数据,可对数据进行排序、筛选、对比或其他自定义操作。
首先<el-table></el-table>在<el-table>中可以设置一个对象数组
如图,在javascript中可以定义一个object:[](这里的object是自定义名字)来表示一个对象数组
在<el-table></el-table>中还有<el-table-column></el-table-column>标签
在el-table-column用prop属性来对应对象中的键名即可填入数据,用label属性来定义表格的列名,还可以用width属性来定义一列的宽度。
如下图:
键名对应的也要设置一个对象(名字自定义),如下图:
设置一个对象来存放数据。
效
果如下图:
以上就是创建一个简单的表格,以及对其属性进行设置。
4 结语
本文章对elementUI中的el-table标签进行了简单的介绍,除了prop(键名)和laber(列名)属性,还能够在<script>标签里面也可以创建其他样式的表格。
实习编辑:王晓姣
稿件来源:深度学习与文旅应用实验室(DLETA)
相关文章
- 最佳开源内容管理系统(CMS)
- 基于RethinkDB +React Native开发实时移动Web应用程序
- 基于Angular 2 CLI开发CRUD应用程序
- 图解Javascript原型(prototype)链
- 前端开发中的字符编码详解
- Hadoop,Zookeeper这些名字都是怎么来的呢?
- 最全面的前端开发指南
- 程序员必知的前端演进史
- Hadoop生态系统各组件与Yarn的兼容性如何?
- WordPress.com 开源,弃 PHP 改用 JavaScript
- 利用Node.js创建Web应用程序前须了解这七项
- JS的运行机制
- 使用Ambari接管线上Hadoop游戏数据集群的避坑秘籍
- 我已经写了48年代码了,我感觉我还能写下去
- Java Servlet 工作原理问答
- 12 个非常实用的 jQuery 代码片段
- Hadoop生态组件Yarn之长期运行服务支持篇!
- 如何在自己的网站上实现QQ授权登录
- 文本相似度判定
- 怎样新学一门技术? 从零到能写Web管理系统的经历