當前位置:首頁 » 數據倉庫 » ant怎麼配置
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

ant怎麼配置

發布時間: 2023-08-25 21:46:37

㈠ ant design(Tabs,Table)配置

1.Tabs標簽頁默認樣式修改,確保先將所有的padding和margin重置。.ant-tabs-bar設置默認的黑灰border-bottom,只需在這里將border都設為0即可。.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab設置了每一個tab的一些樣式,通過debug調試即可。

2.table表格參數配置,可以自定義翻頁,分步請求。Table中主要配置解釋,column配置主要作用是將列名及列內容做一一對應,dataIndex和dataSource裡面的數據值也是一一對應的關系。後面的render除了過濾轉換數據同樣可以return HTML。recor等價於applysPayed[i],rowKey給每一行一個唯一key,避免報錯。pagination默認為true,可以設置為false,則不會顯示翻頁。

```

const pagination = dataSourse && dataSourse.length > 10 ? true : false;

<Table

rowKey={record => record._id}           // 避免報錯(key)唯一

showHeader={false}               // 不展示每一列的名稱

 columns={columns}               

 dataSource={dataSourse}                

 size="small"                // tr的高度

pagination= {pagination}            

/>

```

3.Pagination參數配置,showQuickJumper帶自動輸入調整翻頁,不傳則無。其餘參數是配合後台做翻頁請求。

4.主題樣式(顏色)修改目錄路徑:

/Users/yons/Desktop/task/server-commerce/node_moles/antd/lib/style/themes/default.less: