# Dark Debug 3 ```html Toggle ``` ```js const columns = [ { type: 'selection', disabled (row, index) { return row.name === 'Edward King 3' }, fixed: 'left', }, { title: 'Name', key: 'name', width: 200, fixed: 'left', filter: 'default', filterOptions: [ { label: 'Edward King 0', value: 'Edward King 0' }, { label: 'Edward King 1', value: 'Edward King 1' }, { label: 'Edward King 2', value: 'Edward King 2' }, { label: 'Edward King 3', value: 'Edward King 3' }, ] }, { fixed: 'left', title: 'Age', key: 'age', width: 100 }, { title: 'Row', key: 'row', render (h, row, index) { return h('span', ['row ', index]) } }, { title: 'Row1', key: 'row1', render(h, row, index) { return h('span', ['row ', index]) } }, { title: 'Row2', key: 'row2', render(h, row, index) { return h('span', ['row ', index]) } }, { title: 'Address', key: 'address', width: 200, fixed: 'right' } ] const data = Array.apply(null, { length: 46 }).map((_, index) => ({ key: index, name: `Edward King ${index % 4}`, age: 32 + index % 3, address: `London, Park Lane no. ${index}` })) export default { data() { return { modalActive: false, data, columns } }, computed: { pagination () { return { pageSize: 10 } } }, methods: { sendMail(rowData) { this.$NMessage.info('send mail to ' + rowData.name) } } } ```