TODO: fetch mehtod for sort and filter.

src/Table.js

@@ -66,6 +66,9 @@ const columns = [
     dataIndex: 'Gratuity',
     key: 'Gratuity',
     width: "8%",
+    sorter: (a, b) => a.Gratuity - b.Gratuity,
+    // sortOrder: sortedInfo.columnKey === 'Gratuity' && sortedInfo.order,
+    ellipsis: true,
   },
   {
     title: '数据更新时间',
@@ -78,15 +81,6 @@ const columns = [
 
 
 
-const getRandomuserParams = params => {
-  return {
-    psize: params.pagination.pageSize,
-    page: params.pagination.current,
-    // ...params,
-  };
-};
-
-
 
 
 class DataTable extends React.Component {
@@ -143,7 +137,7 @@ class DataTable extends React.Component {
     const { pagination } = this.state;
     pagination.current = 1;
     this.setState({ platform: p }, () => {
-      this.fetch({
+      this.fetchapi({
         pagination
       });
     });
@@ -156,8 +150,8 @@ class DataTable extends React.Component {
   }
 
   handleTableChange = (pagination, filters, sorter) => {
-    // console.log(filters, sorter);
-    this.fetch({
+    console.log(filters, sorter);
+    this.fetchapi({
       sortField: sorter.field,
       sortOrder: sorter.order,
       pagination,
@@ -165,12 +159,12 @@ class DataTable extends React.Component {
     });
   };
 
-  fetch = (params = {}) => {
+  fetchapi = (params = {}) => {
     this.setState({ loading: true });
     const { platform, pagination } = this.state;
 
     fetch(`${apihost}/${platform}/query?page=${pagination.current}&psize=${pagination.pageSize}`, { mode: "cors" }).then((response) => {
-      console.log(response);
+      // console.log(response);
       response.json().then(
         (data) => {
           var result = JSON.parse(data)
@@ -193,7 +187,7 @@ class DataTable extends React.Component {
     return (
       <div>
 
-<Row justify="start">
+{/* <Row justify="start">
       <Col span={6}>
       <Input.Group compact size="small">
           <Select size="small" defaultValue="operator">
@@ -212,7 +206,7 @@ class DataTable extends React.Component {
           <Input size="small" style={{ width: '50%' }} defaultValue="Xihu District, Hangzhou" />
       </Input.Group>
       </Col>
-  </Row>
+  </Row> */}
 
       <Table
         bordered={true}