初识iVew table表属性
2024-08-31 23:04:46
<template>
<Table :row-class-name="rowClassName" :columns="columns1" :data="data1" border stripe></Table>
</template>
<script>
export default {
data(){
return {
columns1: [
{
title: 'Name',
key: 'name'
},
{
title: 'Age',
key: 'age'
},
{
title: 'Address',
key: 'address'
}
],
data1: [
{
name: 'John Brown',
age: 18,
address: 'New York No. 1 Lake Park',
date: '2016-10-03'
},
{
name: 'Jim Green',
age: 24,
address: 'London No. 1 Lake Park',
date: '2016-10-01'
},
{
name: 'Joe Black',
age: 30,
address: 'Sydney No. 1 Lake Park',
date: '2016-10-02'
},
{
name: 'Jon Snow',
age: 26,
address: 'Ottawa No. 2 Lake Park',
date: '2016-10-04'
}
]
} } } </script>
border 为表格添加边框
stripe 使表格变成斑马样式
columns 数组,表格每一列的标题(title)和key值
data 数组,表格每一行对应标题的详细数据
最新文章
- simvision1 database和invoke
- 设置surfaceView的背景为透明
- javascript平时小例子①(移动的小div)
- stringbuffer 和 stringbuilder的区别
- 用CocoaPods做iOS程序的依赖管理
- ASP.NET MVC 返回JsonResult序列化内容超出最大限制报错的解决办法
- 移动大数据时代最IN编程语言必读书单
- WCF Rest:不使用UriTemplate使用post方式传参解决HTTP400问题以及参数映射问题
- 教会你如何编写makefile文件
- BZOJ 2006 NOI2010 超级钢琴 划分树+堆
- JMX操作ActiveMQ(2)
- Django 学习笔记(五)模板标签
- .net 连接SqlServer数据库及基本增删改查
- UVAlive-2554 Snakes &; Ladders---BFS状态的存储
- EBS销售订单挑库发放处理程序
- DOM中获取宽高、位置总结
- cpp 区块链模拟示例(四) 区块链工作量证明
- 【SpringMVC学习07】SpringMVC中的统一异常处理
- Netty源码分析第4章(pipeline)---->;第6节: 传播异常事件
- CVE-2010-3974 Microsoft Windows多个平台Fax Cover Page Editor内存破坏漏洞
热门文章
- 去除SVN图标并解除svn控制 (转)
- 编写高质量代码改善C#程序的157个建议——建议68:从System.Exception或其他常见的基本异常中派生异常
- 在线测试正则表达式工具 jQuery.Validate验证库
- mysql建外键失败
- Android view状态保存
- HBASE学习d端口master:16010(java操作hbase)https://www.cnblogs.com/junrong624/p/7323483.html
- maven-multiModule
- 疑难杂症--单回话下 WITH(NOLOCK)返回更多数据
- scrapy爬虫框架入门实战
- BeginInvoke &; Invoke