Feature: PadRowComponent prop

tannerlinsley · tannerlinsley · commit 2e3743b75f40 · 2017-06-19T11:34:21.000-06:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 6.4.0
+##### New Features
+- `PadRowComponent` - the content rendered inside of a padding row. Defaults to a react component that renders `&nbsp;`
+
 ## 6.3.0
 ##### New Features
 - `defaultSortDesc` - allows you to set the default sorting direction for all columns to descending.
diff --git a/README.md b/README.md
@@ -195,6 +195,7 @@ These are all of the available props (and their default values) for the main `<R
     // returning 0, undefined or any falsey value will use subsequent sorts or the index as a tiebreaker
     return 0
   },
+  PadRowComponent: () => <span>&nbsp;</span>, // the content rendered inside of a padding row
 
   // Controlled State Overrides (see Fully Controlled Component section)
   page: undefined,
diff --git a/src/defaultProps.js b/src/defaultProps.js
@@ -231,4 +231,5 @@ export default {
     </div>,
   NoDataComponent: _.makeTemplateComponent('rt-noData'),
   ResizerComponent: _.makeTemplateComponent('rt-resizer'),
+  PadRowComponent: () => <span>&nbsp;</span>,
 }
diff --git a/src/index.js b/src/index.js
@@ -118,6 +118,7 @@ export default class ReactTable extends Methods(Lifecycle(Component)) {
       PivotComponent,
       AggregatedComponent,
       FilterComponent,
+      PadRowComponent,
       // Data model
       resolvedData,
       allVisibleColumns,
@@ -159,7 +160,6 @@ export default class ReactTable extends Methods(Lifecycle(Component)) {
         index
       ]
     }
-
     ;[pageRows] = recurseRowsViewIndex(pageRows)
 
     const canPrevious = page > 0
@@ -804,7 +804,9 @@ export default class ReactTable extends Methods(Lifecycle(Component)) {
             maxWidth: `${maxWidth}px`
           }}
           {...tdProps.rest}
-        />
+        >
+          {_.normalizeComponent(PadRowComponent)}
+        </TdComponent>
       )
     }
 

Original file line number	Diff line number	Diff line change
`@@ -231,4 +231,5 @@ export default {`
`231`	`231`	`</div>,`
`232`	`232`	`NoDataComponent: _.makeTemplateComponent('rt-noData'),`
`233`	`233`	`ResizerComponent: _.makeTemplateComponent('rt-resizer'),`
	`234`	`+ PadRowComponent: () => <span> </span>,`
`234`	`235`	`}`
Original file line number	Diff line number	Diff line change
`@@ -118,6 +118,7 @@ export default class ReactTable extends Methods(Lifecycle(Component)) {`
`118`	`118`	`PivotComponent,`
`119`	`119`	`AggregatedComponent,`
`120`	`120`	`FilterComponent,`
	`121`	`+ PadRowComponent,`
`121`	`122`	`// Data model`
`122`	`123`	`resolvedData,`
`123`	`124`	`allVisibleColumns,`
`@@ -159,7 +160,6 @@ export default class ReactTable extends Methods(Lifecycle(Component)) {`
`159`	`160`	`index`
`160`	`161`	`]`
`161`	`162`	`}`
`162`		`-`
`163`	`163`	`;[pageRows] = recurseRowsViewIndex(pageRows)`
`164`	`164`
`165`	`165`	`const canPrevious = page > 0`
`@@ -804,7 +804,9 @@ export default class ReactTable extends Methods(Lifecycle(Component)) {`
`804`	`804`	maxWidth: `${maxWidth}px`
`805`	`805`	`}}`
`806`	`806`	`{...tdProps.rest}`
`807`		`- />`
	`807`	`+ >`
	`808`	`+ {_.normalizeComponent(PadRowComponent)}`
	`809`	`+ </TdComponent>`
`808`	`810`	`)`
`809`	`811`	`}`
`810`	`812`