bee-table/demo/demolist/Demo0102.js

/**
*
* @title 默认无数据展示
* @parent 基础 Basic
* @description 无数据时默认展示图标，可在`emptyText`方法中自定义展示内容。
* demo0102
*/


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

const columns = [
    {
      title: "员工编号",
      dataIndex: "num",
      key: "num",
      width: "40%"
    },
    {
      title: "员工姓名",
      dataIndex: "name",
      key: "name",
      width: "30%"
    },
    {
      title: "部门",
      dataIndex: "department",
      key: "department"
    }
];
  
const data = [];

// 在此自定义无数据时的展示内容
const emptyFunc = () => 'No Data';
  
class Demo02 extends Component {
  render() {
    return (
      <Table 
      columns={columns} 
      data={data} 
      // emptyText={emptyFunc} 
      />
    )
  }
}

export default Demo02;