antd 设置表头属性_React —— antd Table组件的使用

今天刚刚运用antd做了个分页，根据官网上的指导和一些自己的摸索，将其完成，有些代码编写的还是比较繁琐，没有做简化。

antd官网讲的还是比较详细的，有案例，本例在其基础上扩展了一下功能，现将其按照例子的方式记录下来，以供以后参考。

先将显示出来的效果放出来(注：本次案例是点击一次页码请求一页数据)：

编码过程大体需要以下几步：

1.初始化必要属性，如数据 data，数据条数 count;

2.设置table的表头标题，即，标题1，标题2这些;

3.请求数据，引用Table组件，添加相关属性;

4.添加相应的点击效果;

嗯，应该就这些，下边开始详细讲。

最初，如果比较懒，没有要求特别的样式，可以用antd所给的样式：import '~/antd/dist/antd.css'，具体路径依照各自的结构有区别。

初始化数据：

getInitialState() {

this.tableColumns = []; //初始定义表头菜单

return{

queryInfo : { //设置最初一页显示多少条

pageSize: 10

},

dataSource:{ //数据存放

count: 0, //一共几条数据

data: [], //数据

},<