Commit 1594942f2cbe58dad042e2bbd431f0f2edc002a2
1 parent
8f48491a
itable 添加设置默认选中行的功能
Showing
2 changed files
with
40 additions
and
1 deletions
Show diff stats
src/components/table/table.vue
... | ... | @@ -548,7 +548,11 @@ |
548 | 548 | this.data.forEach((row, index) => { |
549 | 549 | const newRow = deepCopy(row);// todo 直接替换 |
550 | 550 | newRow._isHover = false; |
551 | - newRow._isChecked = false; | |
551 | + if(newRow.checked){// 传checked:true 可以设置该行为默认选中状态 | |
552 | + newRow._isChecked = newRow.checked; | |
553 | + }else{ | |
554 | + newRow._isChecked = false; | |
555 | + } | |
552 | 556 | newRow._isHighlight = false; |
553 | 557 | data[index] = newRow; |
554 | 558 | }); | ... | ... |
test/routers/table.vue
1 | 1 | <template> |
2 | 2 | <i-table border :content="self" :columns="columns7" :data="data6"></i-table> |
3 | + | |
4 | + 默认选中行 | |
5 | + <i-table border :content="self" :columns="columns8" :data="data8"></i-table> | |
3 | 6 | </template> |
4 | 7 | <script> |
5 | 8 | export default { |
... | ... | @@ -64,6 +67,38 @@ |
64 | 67 | age: 26, |
65 | 68 | address: '深圳市南山区深南大道' |
66 | 69 | } |
70 | + ], | |
71 | + columns8:[ | |
72 | + { | |
73 | + type: 'selection', | |
74 | + width: 60, | |
75 | + align: 'center' | |
76 | + }, | |
77 | + { | |
78 | + title: '名称', | |
79 | + key: 'name' | |
80 | + }, | |
81 | + { | |
82 | + title: '年龄', | |
83 | + key: 'age' | |
84 | + }, | |
85 | + { | |
86 | + title: '地址', | |
87 | + key: 'address' | |
88 | + } | |
89 | + ], | |
90 | + data8:[ | |
91 | + { | |
92 | + name: '王小明', | |
93 | + age: 18, | |
94 | + address: '北京市朝阳区芍药居', | |
95 | + checked:true // 传checked 可以设置该行为默认选中状态 | |
96 | + }, | |
97 | + { | |
98 | + name: '张小刚', | |
99 | + age: 25, | |
100 | + address: '北京市海淀区西二旗' | |
101 | + } | |
67 | 102 | ] |
68 | 103 | } |
69 | 104 | }, | ... | ... |