import React, {Component} from 'react';
import {Table} from 'antd';
class MyOrderInfoBox extends Component {
constructor(props){
super(props);
this.state={
soundsData: [],
soundsColumns: [{
title: '序号',
dataIndex: 'key',
width: '10%',
className: 'column',
render: (text, record) => {
return (
<Tooltip placement="topLeft" title={text}>
{text}
</Tooltip>
);
}
}, {
title: '试音',
dataIndex: 'name',
width: '40%',
className: 'column',
render: (text, record) => {
return (
<Tooltip placement="topLeft" title={text}>
{text}
</Tooltip>
)
}
}, {
title: '状态',
dataIndex: 'status',
width: '10%',
className: 'column',
render: (text, record) => {
return (
<Tooltip placement="topLeft" title={text}>
{text}
</Tooltip>
);
}
}, {
title: '上传时间',
dataIndex: 'gtmCreate',
width: '20%',
className: 'column',
render: (text, record) => {
return (
<Tooltip placement="topLeft" title={text}>
{text}
</Tooltip>
);
}
}, {
title: '操作',
dataIndex: 'url',
width: '20%',
className: 'column',
render: (text, record) => {
return (
<Audio src={text} setSet={this.setSet.bind(this)} isPlay={this.state.isPlay} id={record.id}/>
);
}
}],
}
}
render (
<div className="table-container">
<Table bordered dataSource={this.state.soundsData} columns={this.state.soundsColumns} pagination={false} rowKey={record => record.key}/>
</div>
)
}
export default MyOrderInfoBox;
Table使用
最新推荐文章于 2020-05-13 09:22:13 发布