playground.tsx

export const demoColumns = [
  {align: 'center', key: 'sort', render: () => 'UU SUKA', width: 80},
  {dataIndex: 'name', title: 'Name'},
  {dataIndex: 'age', title: 'Age'},
  {dataIndex: 'address', title: 'Address'}
]

export const demoDataSource = [
  {
    '50': '#FFF8F8',
    '100': '#FFE9E6',
    '200': '#FFC8C0',
    '300': '#FEA69A',
    '400': '#FE7F6E',
    '500': '#E26352',
    '600': '#B85143',
    '700': '#9C4438',
    '800': '#7D372D',
    '900': '#5D2822',
    colName: '900',
    key: 'Red',
    rowIndex: 0,
    rowName: 'Red'
  },
  {
    '50': '#FFFAEB',
    '100': '#FEEDB9',
    '200': '#FECF49',
    '300': '#E3B740',
    '400': '#C89F38',
    '500': '#AA8630',
    '600': '#8B6C27',
    '700': '#765B21',
    '800': '#60491B',
    '900': '#473514',
    colName: '900',
    key: 'Yellow',
    rowIndex: 1,
    rowName: 'Yellow'
  },
  {
    '50': '#F4FCF4',
    '100': '#D9F5DA',
    '200': '#9FE5A2',
    '300': '#5FD564',
    '400': '#4CBB51',
    '500': '#409D44',
    '600': '#348037',
    '700': '#2C6C2F',
    '800': '#235726',
    '900': '#1A401C',
    colName: '900',
    key: 'Green',
    rowIndex: 2,
    rowName: 'Green'
  },
  {
    '50': '#F6FBFD',
    '100': '#E0F0F9',
    '200': '#B1DBEF',
    '300': '#84C5E6',
    '400': '#53AFDC',
    '500': '#1993D0',
    '600': '#0077B2',
    '700': '#006596',
    '800': '#005179',
    '900': '#003C5A',
    colName: '900',
    key: 'Blue',
    rowIndex: 3,
    rowName: 'Blue'
  },
  {
    '50': '#F9FAFE',
    '100': '#ECEDFC',
    '200': '#D0D2F7',
    '300': '#B5B8F2',
    '400': '#9A9EEC',
    '500': '#7A82E4',
    '600': '#6167C9',
    '700': '#5756A6',
    '800': '#494582',
    '900': '#38325D',
    colName: '900',
    key: 'Purple',
    rowIndex: 4,
    rowName: 'Purple'
  },
  {
    '50': '#F9FAFB',
    '100': '#ECEEF1',
    '200': '#D0D5DC',
    '300': '#B5BEC8',
    '400': '#9AA6B5',
    '500': '#7D8C9F',
    '600': '#617388',
    '700': '#526172',
    '800': '#424D5B',
    '900': '#303943',
    colName: '900',
    key: 'Secondary',
    rowIndex: 5,
    rowName: 'Secondary'
  },
  {
    '50': '#FAFAFA',
    '100': '#EEEEEE',
    '200': '#D5D5D5',
    '300': '#BDBDBD',
    '400': '#A5A5A5',
    '500': '#8B8B8B',
    '600': '#717171',
    '700': '#5F5F5F',
    '800': '#4C4C4C',
    '900': '#383838',
    colName: '900',
    key: 'Gray',
    rowIndex: 6,
    rowName: 'Gray'
  }
]