github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Table: fix oversized filter list. Resolves #11314 (#11320)

pull/11323/head
Jikkai Xiao 2018-05-24 11:57:42 +08:00 committed by 杨奕
parent 49473ffafc
commit df7bbe2ba4
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/table/src/filter-panel.vue
View File

@ -6,12 +6,14 @@
v-clickoutside="handleOutsideClick" v-clickoutside="handleOutsideClick"
v-show="showPopper"> v-show="showPopper">
<div class="el-table-filter__content"> <div class="el-table-filter__content">
<el-checkbox-group class="el-table-filter__checkbox-group" v-model="filteredValue"> <el-scrollbar wrap-class="el-table-filter__wrap">
<el-checkbox <el-checkbox-group class="el-table-filter__checkbox-group" v-model="filteredValue">
v-for="filter in filters" <el-checkbox
:key="filter.value" v-for="filter in filters"
:label="filter.value">{{ filter.text }}</el-checkbox> :key="filter.value"
</el-checkbox-group> :label="filter.value">{{ filter.text }}</el-checkbox>
</el-checkbox-group>
</el-scrollbar>
</div> </div>
<div class="el-table-filter__bottom"> <div class="el-table-filter__bottom">
<button @click="handleConfirm" <button @click="handleConfirm"

5
packages/theme-chalk/src/table-column.scss
View File

@ -76,11 +76,16 @@
} }
} }
@include e(wrap) {
max-height: 280px;
}
@include e(checkbox-group) { @include e(checkbox-group) {
padding: 10px; padding: 10px;
label.el-checkbox { label.el-checkbox {
display: block; display: block;
margin-right: 5px;
margin-bottom: 8px; margin-bottom: 8px;
margin-left: 5px; margin-left: 5px;
} }