<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 数组,表格每一行对应标题的详细数据

最新文章

  1. simvision1 database和invoke
  2. 设置surfaceView的背景为透明
  3. javascript平时小例子①(移动的小div)
  4. stringbuffer 和 stringbuilder的区别
  5. 用CocoaPods做iOS程序的依赖管理
  6. ASP.NET MVC 返回JsonResult序列化内容超出最大限制报错的解决办法
  7. 移动大数据时代最IN编程语言必读书单
  8. WCF Rest:不使用UriTemplate使用post方式传参解决HTTP400问题以及参数映射问题
  9. 教会你如何编写makefile文件
  10. BZOJ 2006 NOI2010 超级钢琴 划分树+堆
  11. JMX操作ActiveMQ(2)
  12. Django 学习笔记(五)模板标签
  13. .net 连接SqlServer数据库及基本增删改查
  14. UVAlive-2554 Snakes &amp; Ladders---BFS状态的存储
  15. EBS销售订单挑库发放处理程序
  16. DOM中获取宽高、位置总结
  17. cpp 区块链模拟示例(四) 区块链工作量证明
  18. 【SpringMVC学习07】SpringMVC中的统一异常处理
  19. Netty源码分析第4章(pipeline)----&gt;第6节: 传播异常事件
  20. CVE-2010-3974 Microsoft Windows多个平台Fax Cover Page Editor内存破坏漏洞

热门文章

  1. 去除SVN图标并解除svn控制 (转)
  2. 编写高质量代码改善C#程序的157个建议——建议68:从System.Exception或其他常见的基本异常中派生异常
  3. 在线测试正则表达式工具 jQuery.Validate验证库
  4. mysql建外键失败
  5. Android view状态保存
  6. HBASE学习d端口master:16010(java操作hbase)https://www.cnblogs.com/junrong624/p/7323483.html
  7. maven-multiModule
  8. 疑难杂症--单回话下 WITH(NOLOCK)返回更多数据
  9. scrapy爬虫框架入门实战
  10. BeginInvoke &amp; Invoke