bee-table/demo/demolist/Demo0104.js

/**
*
* @title 隔行换色
* @parent 基础 Basic
* @description 可自定义斑马线颜色
* demo0104
*/


import React, { Component } from 'react';
import Table from '../../src';

const columns04 = [
  {title: "序号",dataIndex: "index",key: "index",width: 80, 
      render(text, record, index) {
          return index + 1;
      }
  },
  {title: "订单编号",dataIndex: "orderCode",key: "orderCode",width: 200},
  {title: "供应商名称",dataIndex: "supplierName",key: "supplierName",width: 200},
  {title: "类型",dataIndex: "type_name",key: "type_name",width: 200},
  {title: "采购组织",dataIndex: "purchasing",key: "purchasing",width: 200},
  {title: "采购组",dataIndex: "purchasingGroup",key: "purchasingGroup",width: 200},
  {title: "凭证日期",dataIndex: "voucherDate",key: "voucherDate",width: 200}
];

const data04 = [
  { 
    orderCode:"NU0391025", 
    supplierName: "xx供应商",
    type_name: "1",
    purchasing:'组织c', 
    purchasingGroup:"aa",
    voucherDate:"2018年03月18日",
    key: "1"
  }, 
  { 
    orderCode:"NU0391026", 
    supplierName: "xx供应商",
    type_name: "2",
    purchasing:'组织a', 
    purchasingGroup:"bb",
    voucherDate:"2018年02月05日",
    key: "2"
  },
  { 
    orderCode:"NU0391027", 
    supplierName: "xx供应商",
    type_name: "3",
    purchasing:'组织b', 
    purchasingGroup:"aa",
    voucherDate:"2018年07月01日",
    key: "3"
  },
  { 
    orderCode:"NU0391028", 
    supplierName: "xx供应商",
    type_name: "4",
    purchasing:'组织c', 
    purchasingGroup:"cc",
    voucherDate:"2019年03月01日",
    key: "4"
  },
  { 
    orderCode:"NU0391029", 
    supplierName: "xx供应商",
    type_name: "5",
    purchasing:'组织d', 
    purchasingGroup:"ss",
    voucherDate:"2019年02月14日",
    key: "5"
  },
  { 
    orderCode:"NU0391030", 
    supplierName: "xx供应商",
    type_name: "1",
    purchasing:'组织e', 
    purchasingGroup:"zz",
    voucherDate:"2019年02月18日",
    key: "6"
  },
  { 
    orderCode:"NU0391031", 
    supplierName: "xx供应商",
    type_name: "2",
    purchasing:'组织f', 
    purchasingGroup:"qq",
    voucherDate:"2019年01月01日",
    key: "7"
  },
  { 
    orderCode:"NU0391032", 
    supplierName: "xx供应商",
    type_name: "3",
    purchasing:'组织g', 
    purchasingGroup:"pp",
    voucherDate:"2019年01月31日",
    key: "8"
  },
];

class Demo04 extends Component {
  render() {
    return <Table 
            className="demo04" 
            columns={columns04} 
            data={data04} />
  }
}

export default Demo04;