码迷,mamicode.com
首页 > 其他好文 > 详细

react常见问题(三)

时间:2017-06-07 22:31:31      阅读:304      评论:0      收藏:0      [点我收藏+]

标签:turn   lis   UI   get   substring   key   nbsp   允许   表格   

表格相关

<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常见问题(三)

标签:turn   lis   UI   get   substring   key   nbsp   允许   表格   

原文地址:http://www.cnblogs.com/yuanyuan0809/p/6959157.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!