iview table表格的自定義樣式

阿新 • • 發佈：2018-12-15

export default { data () { return { selecteds: [], columns4: [ { type: 'selection', width: 60, align: 'center' }, { title: '蘋果', key: 'apple' }, { title:

'香蕉', key: 'banana' }, { title: '橘子', key: 'orange' }, { title: '西瓜', key: 'watermelon' }, { title: '牛奶', key: 'milk' }, { title:

'麵包', key: 'Bread' }, { title: '鹽', key: 'salt' }, { title: '小麥', key: 'wheat' }, { title: '大米', key: 'rice' }, { title: '醬油'

, key: 'soy' }, { title: '其他', key: 'else' } ], data1: [ { apple: 'John Brown', banana: '18', orange: 18, watermelon: 'New York No. 1 Lake Park', milk: '2016-10-03', Bread: 'New York No. 1 Lake Park', salt: '2016-10-03', wheat: 'New York No. 1 Lake Park', rice: '2016-10-03', soy: 'New York No. 1 Lake Park', else: '2016-10-03' },{ apple: 'John Brown', banana: '18', orange: 18, watermelon: 'New York No. 1 Lake Park', milk: '2016-10-03', Bread: 'New York No. 1 Lake Park', salt: '2016-10-03', wheat: 'New York No. 1 Lake Park', rice: '2016-10-03', soy: 'New York No. 1 Lake Park', else: '2016-10-03' },{ apple: 'John Brown', banana: '18', orange: 18, watermelon: 'New York No. 1 Lake Park', milk: '2016-10-03', Bread: 'New York No. 1 Lake Park', salt: '2016-10-03', wheat: 'New York No. 1 Lake Park', rice: '2016-10-03', soy: 'New York No. 1 Lake Park', else: '2016-10-03' },{ apple: 'John Brown', banana: '18', orange: 18, watermelon: 'New York No. 1 Lake Park', milk: '2016-10-03', Bread: 'New York No. 1 Lake Park', salt: '2016-10-03', wheat: 'New York No. 1 Lake Park', rice: '2016-10-03', soy: 'New York No. 1 Lake Park', else: '2016-10-03', _checked: true },{ apple: 'John Brown', banana: '18', orange: 18, watermelon: 'New York No. 1 Lake Park', milk: '2016-10-03', Bread: 'New York No. 1 Lake Park', salt: '2016-10-03', wheat: 'New York No. 1 Lake Park', rice: '2016-10-03', soy: 'New York No. 1 Lake Park', else: '2016-10-03' },{ apple: 'John Brown', banana: '18', orange: 18, watermelon: 'New York No. 1 Lake Park', milk: '2016-10-03', Bread: 'New York No. 1 Lake Park', salt: '2016-10-03', wheat: 'New York No. 1 Lake Park', rice: '2016-10-03', soy: 'New York No. 1 Lake Park', else: '2016-10-03' },{ apple: 'John Brown', banana: '18', orange: 18, watermelon: 'New York No. 1 Lake Park', milk: '2016-10-03', Bread: 'New York No. 1 Lake Park', salt: '2016-10-03', wheat: 'New York No. 1 Lake Park', rice: '2016-10-03', soy: 'New York No. 1 Lake Park', else: '2016-10-03' } ] } }, methods: { handleSelectAll (status) { // this.$refs.selection.selectAll(status); // console.log(this.$refs.selection.$children) this.$refs.selection.selectAll(status); console.log(this.selection) }, rowClassName :function (row, index) { if(index%2==0){ return 'ivu-table-stripe-even'; } else return 'ivu-table-stripe-odd'; }, onSelect(selection,index){ // console.log(this.$refs.selection.data) this.selecteds = selection; console.log(this.selecteds) } /*, onDoubleClick(row,index){ console.log(row) //改變為勾選樣式 //將當前行加入到selection this.$refs.selection.data[index]._checked=!this.$refs.selection.data[index]._checked }*/ } }

iview table表格的自定義樣式

vue+element ui 表格自定義樣式溢位隱藏

element ui Table表格自定義列模板結合Dialog彈框編輯表格每一行的內容

iview table表格的自定義樣式

Easyui 自定義樣式設置表格高度後 TreeGrid多出空白行

iview表格自定義多選框

Ext學習筆記——grid表格渲染自定義樣式

自己實現的資料表格控制元件（dataTable），支援自定義樣式和標題資料、ajax等各種自定義設定以及分頁自定義

Android RatingBar 自定義樣式

自定義樣式 dialog

WPF DataGrid自定義樣式

如何用自定義樣式編輯數學公式

如何在博客園中查看別人的自定義樣式？

vedio自定義樣式

表單自定義樣式

cnblog博客園自定義樣式修改標簽頁的icon圖標

input[type="radio"]自定義樣式

對復選框自定義樣式優化方法

自定義樣式，使用瀏覽器閱讀epub格式的電子書

macOS 開發 - NSWindow 自定義樣式

tooltip 自定義樣式和寬度

iview table表格的自定義樣式

相關推薦