add possibility to inject header-row-renderer + typescript type declarations

source/Table/Table.js

@@ -5,6 +5,7 @@ import React, { PropTypes, PureComponent } from 'react'
 import { findDOMNode } from 'react-dom'
 import Grid from '../Grid'
 import defaultRowRenderer from './defaultRowRenderer'
+import defaultHeaderRowRenderer from './defaultHeaderRowRenderer'
 import SortDirection from './SortDirection'
 
 /**
@@ -155,6 +156,20 @@ export default class Table extends PureComponent {
      */
     rowRenderer: PropTypes.func,
 
+    /**
+     * Responsible for rendering a table row given an array of columns:
+     * Should implement the following interface: ({
+     *   className: string,
+     *   columns: any[],
+     *   rowData: any,
+     *   style: any,
+     *   scrollbarWidth: number,
+     *   height: number,
+     *   width: number
+     * }): PropTypes.node
+     */
+    headerRowRenderer: PropTypes.func,
+
     /** Optional custom inline style to attach to table rows. */
     rowStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
 
@@ -199,6 +214,7 @@ export default class Table extends PureComponent {
     onScroll: () => null,
     overscanRowCount: 10,
     rowRenderer: defaultRowRenderer,
+    headerRowRenderer: defaultHeaderRowRenderer,
     rowStyle: {},
     scrollToAlignment: 'auto',
     scrollToIndex: -1,
@@ -296,18 +312,14 @@ export default class Table extends PureComponent {
         style={style}
       >
         {!disableHeader && (
-          <div
-            className={cn('ReactVirtualized__Table__headerRow', rowClass)}
-            style={{
-              ...rowStyleObject,
-              height: headerHeight,
-              overflow: 'hidden',
-              paddingRight: scrollbarWidth,
-              width: width
-            }}
-          >
-            {this._getRenderedHeaderRow()}
-          </div>
+          this.props.headerRowRenderer({
+            className: cn('ReactVirtualized__Table__headerRow', rowClass),
+            style: rowStyleObject,
+            height: headerHeight,
+            scrollbarWidth,
+            width,
+            columns: this._getRenderedHeaderRow()
+          })
         )}
 
         <Grid

source/Table/defaultHeaderRowRenderer.js

@@ -0,0 +1,25 @@
+/** @flow */
+import React from 'react'
+import type { HeaderRowRendererParams } from './types'
+
+export default function defaultHeaderRowRenderer ({
+  className,
+  style,
+  height,
+  width,
+  scrollbarWidth,
+  columns
+}: HeaderRowRendererParams) {
+  return <div
+    className={className}
+    style={{
+      ...style,
+      height: height,
+      overflow: 'hidden',
+      paddingRight: scrollbarWidth,
+      width: width
+    }}
+  >
+    {columns}
+  </div>
+}

source/Table/index.js

@@ -2,6 +2,7 @@
 export default from './Table'
 export defaultCellDataGetter from './defaultCellDataGetter'
 export defaultCellRenderer from './defaultCellRenderer'
+export defaultHeaderRowRenderer from './defaultHeaderRowRenderer.js'
 export defaultHeaderRenderer from './defaultHeaderRenderer'
 export defaultRowRenderer from './defaultRowRenderer'
 export Table from './Table'

source/Table/types.js

@@ -1,5 +1,4 @@
 /** @flow */
-
 export type CellDataGetterParams = {
   columnData: ?any,
   dataKey: string,
@@ -14,6 +13,15 @@ export type CellRendererParams = {
   rowIndex: number
 };
 
+export type HeaderRowRendererParams = {
+  className: string,
+  columns: any[],
+  style: any,
+  scrollbarWidth: number,
+  height: number,
+  width: number
+};
+
 export type HeaderRendererParams = {
   columnData: ?any,
   dataKey: string,
@@ -25,7 +33,7 @@ export type HeaderRendererParams = {
 
 export type RowRendererParams = {
   className: string,
-  columns: Array,
+  columns: any[],
   index: number,
   isScrolling: boolean,
   onRowClick: ?Function,

source/index.js

@@ -11,6 +11,7 @@ export {
   defaultCellDataGetter as defaultTableCellDataGetter,
   defaultCellRenderer as defaultTableCellRenderer,
   defaultHeaderRenderer as defaultTableHeaderRenderer,
+  defaultHeaderRowRenderer as defaultTableHeaderRowRenderer,
   defaultRowRenderer as defaultTableRowRenderer,
   Table,
   Column,