theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

✨(component): 新增 table 组件 header 插槽

Browse Source
This commit is contained in:
就眠儀式
2022-09-22 20:36:27 +08:00
parent 42502be232
commit ccf208e884
3 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
package/component/src/component/table/index.less
View File

@@ -24,6 +24,14 @@
font-weight: 400;
}
.layui-table-box-header {
min-height: 50px;
line-height: 30px;
background-color: #FAFAFA;
padding: 10px 15px;
border-bottom: 1px solid #eee;
}
.layui-table-footer {
min-height: 50px;
line-height: 30px;

4
package/component/src/component/table/index.vue
View File

@@ -659,6 +659,10 @@ onBeforeUnmount(() => {
</div>
</div>
<div class="layui-table-box-header" v-if="slot.header">
<slot name="header"></slot>
</div>
<div class="layui-table-box">
<!-- 表头 -->
<div