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
43
44
45
46
47
48
49
/* eslint-disable no-console,func-names,react/no-multi-comp */
import Table from '../index';
import '../assets/index.less';
var ColumnGroup = Table.ColumnGroup,
Column = Table.Column;
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];
return h('div', [h('h2', ['JSX table']), h(
Table,
{
attrs: { data: data }
},
[h(ColumnGroup, [h(
'span',
{ slot: 'title' },
['Bazingakkkk']
), h(Column, {
attrs: { title: 'title1', dataIndex: 'a', width: 100 },
key: 'a' }), h(Column, {
attrs: { id: '123', title: 'title2', dataIndex: 'b', width: 100 },
key: 'b' })]), h(Column, {
attrs: { title: 'title3', dataIndex: 'c', width: 200 },
key: 'c' }), h(Column, {
attrs: {
title: 'Operations',
dataIndex: ''
},
key: 'd'
// render={() => <a href='#'>Operations</a>}
, scopedSlots: { 'default': function _default() {
return h(
'a',
{
attrs: { href: '#' }
},
['Operations']
);
} }
})]
)]);
}
};