vue+element-plus table表格一个单元格中添加多行数据
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element

·
<el-table v-loading="loading" border>
<el-table-column label="类别" align="center" prop="Type" class-name="cell_table">
<template>
<div class="item_table">
<tr class="item_tr">
<td class="item_td">合计</td>
</tr>
<tr class="item_tr">
<td class="item_td">数量</td>
</tr>
<tr class="item_tr">
<td class="item_td">总述</td>
</tr>
</div>
</template>
</el-table-column>
</el-table>
::v-deep(.cell_table) {
padding: 0;
.cell {
padding: 0;
}
.item_tr {
// padding: 5px;
height: 50px;
background: transparent;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid #ebeef5;
}
.item_td {
padding: 5px;
height: 100%;
width: 100%;
display: flex;
background: transparent;
justify-content: center;
align-items: center;
.ellipsis {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.item_tr:last-child {
border-bottom: 0;
}
}




A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 天前 )
c345bb45
1 年前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 1 年前
更多推荐
所有评论(0)