bee-table6/demo/demolist/Demo10.js

/**
*
* @title 无数据时显示
* @description 无数据时显示效果展示（可自定义）
 *
* import {Table} from 'tinper-bee';
*/


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


const columns10 = [
    {
      title: "Name",
      dataIndex: "name",
      key: "name",
      width: "40%"
    },
    {
      title: "Age",
      dataIndex: "age",
      key: "age",
      width: "30%"
    },
    {
      title: "Address",
      dataIndex: "address",
      key: "address"
    }
  ];
  
  const data10 = [
    
  ];

  const emptyFunc = () => <span>这里没有数据！</span>
  
  class Demo10 extends Component {
    render() {
      return <Table columns={columns10} data={data10} emptyText={emptyFunc} />;
    }
  }

export default Demo10;