1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
/* eslint-disable no-console,func-names,react/no-multi-comp */
import Table from '../index';
import '../assets/index.less';
var data = [{ a: '123', key: '1' }, { a: 'cdd', b: 'edd', key: '2' }, { a: '1333', c: 'eee', d: 2, key: '3' }];
export default {
render: function render() {
var h = arguments[0];
var columns = [{ title: 'title1', dataIndex: 'a', 'class': 'a', key: 'a', width: 100 }, { id: '123', title: 'title2', dataIndex: 'b', className: 'b', key: 'b', width: 100 }, { title: 'title3', dataIndex: 'c', className: 'c', key: 'c', width: 200 }, {
title: 'Operations',
dataIndex: '',
className: 'd',
key: 'd',
customRender: function customRender() {
return h(
'a',
{
attrs: { href: '#' }
},
['Operations']
);
}
}];
return h('div', [h('h2', ['rowClassName and className']), h(Table, {
attrs: {
columns: columns,
rowClassName: function rowClassName(record, i) {
return 'row-' + i;
},
expandedRowRender: function expandedRowRender(record) {
return h('p', ['extra: ', record.a]);
},
expandedRowClassName: function expandedRowClassName(record, i) {
return 'ex-row-' + i;
},
data: data
},
'class': 'table'
})]);
}
};