🐛(component): 修复 table 列筛选布局

This commit is contained in:
就眠儀式 2022-07-23 17:48:03 +08:00
parent 68f0f70bcb
commit 784a8f484e
4 changed files with 17 additions and 2 deletions

View File

@ -438,6 +438,15 @@
transition: box-shadow 0.3s; transition: box-shadow 0.3s;
} }
.layui-table-tool-checkbox{
padding: 10px;
}
.layui-table-tool-checkbox > *{
display: block;
margin-bottom: 12px;
}
.layui-table-fixed-left-last::after { .layui-table-fixed-left-last::after {
box-shadow: inset 10px 0 8px -8px #00000026; box-shadow: inset 10px 0 8px -8px #00000026;
} }

View File

@ -359,7 +359,7 @@ const renderTotalRowCell = (column: any) => {
<i class="layui-icon layui-icon-cols"></i> <i class="layui-icon layui-icon-cols"></i>
</div> </div>
<template #content> <template #content>
<div style="padding: 10px"> <div class="layui-table-tool-checkbox">
<lay-checkbox <lay-checkbox
v-for="column in columns" v-for="column in columns"
v-model="tableColumnKeys" v-model="tableColumnKeys"

View File

@ -1023,6 +1023,12 @@ export default {
key:"name", key:"name",
align: "left" align: "left"
}, },
{
title:"年龄",
width: "300px",
key:"age",
ellipsisTooltip: true,
},
{ {
title:"备注", title:"备注",
width: "300px", width: "300px",

View File

@ -192,7 +192,7 @@
</a> </a>
</lay-tooltip> </lay-tooltip>
</lay-col> </lay-col>
<lay-col :md="3"> <lay-col :md="3">
<lay-tooltip content="Pear Admin" position="top"> <lay-tooltip content="Pear Admin" position="top">
<a <a
style="height: 40px; display: inline-block" style="height: 40px; display: inline-block"