sharpcoder7
diff --git a/‎CHANGELOG.md
Lines changed: 11 additions & 0 deletions b/‎CHANGELOG.md
Lines changed: 11 additions & 0 deletions
diff --git a/‎README.md
Lines changed: 4 additions & 3 deletions b/‎README.md
Lines changed: 4 additions & 3 deletions
diff --git a/‎src/defaultProps.js
Lines changed: 10 additions & 9 deletions b/‎src/defaultProps.js
Lines changed: 10 additions & 9 deletions
@@ -0,0 +1,11 @@
+## 6.0.0
+
+* Pivot Columns can now be sorted and filtered individually.
+* More control over Pivot Column rendering.
+* Prevent transitions while column resizing for a smoother resize effect.
+* Disable text selection while resizing columns.
+
+##### Breaking API Changes
+* Removed `pivotRender` column option. You can now control how the value is displayed by overriding the `PivotValueComponent`.
+* Changed how special `expander: true` column renders pivot columns.
+See [Pivoting Options Story](https://react-table.js.org/?selectedKind=2.%20Demos&selectedStory=Pivoting%20Options&full=0&down=1&left=1&panelRight=0&downPanel=kadirahq%2Fstorybook-addon-actions%2Factions-panel) for a reference on how to customize pivot column rendering.
@@ -182,7 +182,6 @@ These are all of the available props (and their default values) for the main `<R
 
   // Pivoting
   pivotBy: undefined,
-  pivotColumnWidth: 200,
   pivotValKey: '_pivotVal',
   pivotIDKey: '_pivotID',
   subRowsKey: '_subRows',
@@ -268,7 +267,8 @@ These are all of the available props (and their default values) for the main `<R
 
   // Global Pivot Column Defaults
   pivotDefaults: {
-    // render: will be overriden in methods.js to display ExpanderComponent
+    filterRender: undefined
+    // render: will be overriden in methods.js to display ExpanderComponent and PivotValueComponent
   },
 
   // Text
@@ -578,7 +578,7 @@ const columns = [{
 }]
 ```
 
-Pivoted columns can be sorted just like regular columns, but not independently of each other.  For instance, if you click to sort the pivot column in ascending order, it will sort by each pivot recursively in ascending order together.
+Pivoted columns can be sorted just like regular columns including holding down the `<shift>` button to multi-sort.
 
 ## Sub Tables and Sub Components
 By adding a `SubComponent` props, you can easily add an expansion level to all root-level rows:
@@ -742,6 +742,7 @@ Object.assign(ReactTableDefaults, {
   TdComponent: component,
   TfootComponent: component,
   ExpanderComponent: component,
+  PivotValueComponent: component,
   PaginationComponent: component,
   PreviousComponent: undefined,
   NextComponent: undefined,
 
@@ -44,7 +44,6 @@ export default {
 
   // Pivoting
   pivotBy: undefined,
-  pivotColumnWidth: 200,
   pivotValKey: '_pivotVal',
   pivotIDKey: '_pivotID',
   subRowsKey: '_subRows',
@@ -129,7 +128,8 @@ export default {
 
   // Global Pivot Column Defaults
   pivotDefaults: {
-    // render: will be overriden in methods.js to display ExpanderComponent
+    filterRender: undefined
+    // render: will be overriden in methods.js to display ExpanderComponent and PivotValueComponent
   },
 
   // Text
@@ -162,13 +162,14 @@ export default {
   },
   TdComponent: _.makeTemplateComponent('rt-td'),
   TfootComponent: _.makeTemplateComponent('rt-tfoot'),
-  ExpanderComponent: ({isExpanded}) => {
-    return (
-      <div className={classnames('rt-expander', isExpanded && '-open')}>
-        &bull;
-      </div>
-    )
-  },
+  ExpanderComponent: ({isExpanded}) => (
+    <div className={classnames('rt-expander', isExpanded && '-open')}>
+      &bull;
+    </div>
+  ),
+  PivotValueComponent: ({subRows, value}) => (
+    <span>{value} {subRows && `(${subRows.length})`}</span>
+  ),
   PaginationComponent: Pagination,
   PreviousComponent: undefined,
   NextComponent: undefined,