diff --git a/src/components/PageHeader/index.d.ts b/src/components/PageHeader/index.d.ts
index 40c80a4988f7bad032bece432c042636a7d0852c..518f2032484c52543a0346487daf01689fcc9da5 100644
--- a/src/components/PageHeader/index.d.ts
+++ b/src/components/PageHeader/index.d.ts
@@ -11,6 +11,7 @@ export interface PageHeaderProps {
   tabList?: Array<{ key: string; tab: React.ReactNode }>;
   tabActiveKey?: string;
   onTabChange?: (key: string) => void;
+  tabBarExtraContent?: React.ReactNode;
   linkElement?: React.ReactNode;
   style?: React.CSSProperties;
 }
diff --git a/src/components/PageHeader/index.js b/src/components/PageHeader/index.js
index 4be9af62f4ee7f11e3c35315935125b281dd0897..ed86137d0982aa8783fcdf20a8f0ae011649c390 100644
--- a/src/components/PageHeader/index.js
+++ b/src/components/PageHeader/index.js
@@ -132,7 +132,7 @@ export default class PageHeader extends PureComponent {
   render() {
     const {
       title, logo, action, content, extraContent,
-      tabList, className, tabActiveKey,
+      tabList, className, tabActiveKey, tabBarExtraContent,
     } = this.props;
     const clsString = classNames(styles.pageHeader, className);
 
@@ -171,6 +171,7 @@ export default class PageHeader extends PureComponent {
               className={styles.tabs}
               {...activeKeyProps}
               onChange={this.onChange}
+              tabBarExtraContent={tabBarExtraContent}
             >
               {
                 tabList.map(item => <TabPane tab={item.tab} key={item.key} />)