vue-antd-ui/es/vc-table/demo/jsx.js

An enterprise-class UI design language and Vue-based implementation

/* 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']
            );
          } }
      })]
    )]);
  }
};