1、表頭

constcolumns=[

? ? ? {title:'ID',dataIndex:'id',key:'id'},

? ? ?{title:'名稱',dataIndex:'name',key:'name'},

];

title:表頭名字，dataIndex:對應數據庫表的字段名 ，key:對應數據庫表的字段名，如果設置了dataIndex,可不設置此項

2、表格中每列都有編輯和刪除按鈕

{title:'操作',dataIndex:'_id',key:'_id',render:(text,record,index)=>(

? ? ? ? ? <p><a>編輯</a><a>刪除</a></p>

)}

3、可擴展的表格

在table中加入expandedRowRender={this.expandedRowRender.bind(this)}

然后在expandedRowRender這個函數中加入你要展開顯示的數據

4、可勾選以及全選操作的表格

在table中加入rowSelection={this.rowSelection.bind},在此方法中獲取到勾選的數據的index,以及勾選的數據，

場景：在勾選數據完成之后，table的title上出現刪除按鈕

做法：當勾選數組長度大于0時，合并column的單元格，第一個title設置為刪除按鈕

5、表格中帶有輸入框的

{title:'枚舉值',key:'value',render:(text,record,index)=> (

? ? ? <Input defaultValue = "" />

}

就是在columns里面加入Input框

6、表格中添加一行新數據

思路：向表格原始數據中加入一行空數據，然后表格就會增加一行了，在表格中插入輸入框，就可以直接輸入數據，或者不想所有的表格都是輸入框的話，可以加判斷，如果數據為空就以輸入框的形式展現，如果有數據就直接將數據展現在<p>標簽中

7、加載樣式：

在table中加入loading={}

設置默認加載為true,然后當請求中拿到數據之后，設置為false。