import {Table} from 'antd';
import React, {useEffect, useState} from 'react';
import moment from 'moment'


const Tabledata = ({tableData}) => {
  const columns = [
    { title: '序号', key: '', dataIndex: '', align: 'center',width:'40px',render:(a,b,c)=>c+1},
    { title: '数据时间', key: 'createTime', dataIndex: 'createTime', align: 'center',width:'200px',render: (rec) => <span>{rec ?? "-"}</span> },
    { title: '湿度', key: 'val', dataIndex: 'val', align: 'center',render: (rec) => <span>{getVal(rec)}</span> },
  ];

  const getVal = (v)=>{
    if(typeof v === 'number'){
      return v.toFixed(2)
    }else{
      return '-'
    }
  }
  
  return (
    <>
      <Table rowKey="adcd"
          sticky
          columns={columns}
          pagination={false}
          dataSource={tableData}
          scroll={{ y: "420px"}}
      />
    </>
  )

}

export default Tabledata