mirror of https://github.com/ElemeFE/element
Table: update custom column example
parent
5a211b1fca
commit
fdd0d101cb
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue