首页 > 代码库 > react常见问题(三)
react常见问题(三)
表格相关
<Table dataSource={data} className="mt1" columns={columns} pagination={pagination} rowKey={record => record.city_id}/>
const columns = [{ title: ‘学校名称‘, dataIndex: ‘school_name‘, key: ‘school_name‘, render:(text,record)=>{ if(text!=null){ return (<span title={text}>{text.length>15?text.substring(0,15)+‘...‘:text}</span>) } } }]
var page = { onChange: (index) => { var params={ pageIndex: index, pageSize: 10, filter: { city_code: this.state.cityCode, school_name: this.state.schoolName }}; this.props.dispatch(actions.getlList(params)); }, total: parseInt(count), showTotal: (total) => { return `共 ${count} 条` }, showQuickJumper: false, showSizeChanger: false, }
表格中的key不允许有空格,dataIndex属性为必须,确保datasource为数组形式
react常见问题(三)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。