Table: update custom column example

pull/1436/head
Leopoldthecoder 2016-11-28 18:25:55 +08:00 committed by 杨奕
parent 5a211b1fca
commit fdd0d101cb
2 changed files with 6 additions and 2 deletions

View File

@ -1111,7 +1111,7 @@ Customize table column so it can be integrated with other components.
<el-popover trigger="hover" placement="top"> <el-popover trigger="hover" placement="top">
<p>Name: {{ row.name }}</p> <p>Name: {{ row.name }}</p>
<p>Addr: {{ row.address }}</p> <p>Addr: {{ row.address }}</p>
<div slot="reference"> <div slot="reference" class="name-wrapper">
<el-tag>{{ row.name }}</el-tag> <el-tag>{{ row.name }}</el-tag>
</div> </div>
</el-popover> </el-popover>

View File

@ -164,6 +164,10 @@
.el-table .positive-row { .el-table .positive-row {
background: #e2f0e4; background: #e2f0e4;
} }
.demo-table .name-wrapper {
display: inline-block;
}
</style> </style>
## Table 表格 ## Table 表格
@ -1116,7 +1120,7 @@
<el-popover trigger="hover" placement="top"> <el-popover trigger="hover" placement="top">
<p>姓名: {{ row.name }}</p> <p>姓名: {{ row.name }}</p>
<p>住址: {{ row.address }}</p> <p>住址: {{ row.address }}</p>
<div slot="reference"> <div slot="reference" class="name-wrapper">
<el-tag>{{ row.name }}</el-tag> <el-tag>{{ row.name }}</el-tag>
</div> </div>
</el-popover> </el-popover>