diff --git a/README.md b/README.md
index 5e92966a..bb5a2d3d 100644
--- a/README.md
+++ b/README.md
@@ -4,6 +4,25 @@
 
 This is the home of shared javascript components and utilities for Ona.
 
+## Typescript Support
+
+It is actually recommended to create all new packages using `Typescript`. The instructions above on how to add a new package are all that you need to get started.
+
+In addition to the above instructions, you need to create a `tsconfig.json` file next to the package.json file inside your new package's directory.
+
+The contents of this file should be something like:
+
+```json
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "declarationDir": "dist/types"
+  },
+  "include": ["src"]
+}
+```
+
 ## Contribution
 
 Contribution is highly encouraged. If you have something - a tool, a component, a useful utility function, etc. - that would be useful to others then by all means please add it to this repository.
@@ -84,7 +103,7 @@ Here's an example sample `package.json` for a `js`/`jsx` package:
   },
   "scripts": {
     "jest": "jest --coverage --verbose --color",
-    "transpile": "babel src -d dist --root-mode upward --ignore '**/*.test.js,**/*.test.jsx,**/tests,**/__tests__' --copy-files"
+    "transpile": "babel src -d dist --root-mode upward --ignore '**/*.test.js,**/*.test.jsx,**/tests,**/__tests__'"
   },
   // the list of files to be included by npm when the package is published
   "files": ["dist"],
@@ -128,7 +147,7 @@ Here's an example sample `package.json` for a `ts`/`tsx` package:
   "scripts": {
     "jest": "jest --coverage --verbose --color",
     "tsc": "tsc",
-    "transpile": "babel src -d dist --root-mode upward --extensions '.ts,.tsx'  --ignore '**/*.test.ts,**/*.test.tsx,**/tests,**/__tests__' --copy-files"
+    "transpile": "babel src -d dist --root-mode upward --extensions '.ts,.tsx'  --ignore '**/*.test.ts,**/*.test.tsx,**/tests,**/__tests__'"
   },
   // the list of files to be included by npm when the package is published
   "files": ["dist"],
@@ -192,55 +211,68 @@ Your transpiled package is saved in the `dist` directory within each package. No
 
 ## Publishing
 
-Assuming that you have the `js-tools` repo cloned locally, switch to the `master` branch and proceed:
+### Prepare for publishing
+
+Before we publish our packages, we need to prepare them. Currently, this means we need to do two things: generating Typescript type delcaration files, and transpiling the code.
 
-First, tag releases for Github - this will tag releases on Github and create a changelog for all updated packages:
+You will need to switch to the package that you want to publish by running
 
 ```sh
-lerna version --github-release --conventional-commits
+cd packages/SomePackage
 ```
 
-Next clean your `dist` folders locally to remove old files:
+Transpile the package - this will create the distribution-ready files:
+
+The command to do this depends on whether the package uses javascript or Typescript.
 
 ```sh
-yarn clean-build
+# javascript package
+babel src -d dist --root-mode upward --ignore '**/*.test.js,**/*.test.jsx,**/tests,**/__tests__'
+
+# typescript package
+yarn babel src -d dist --root-mode upward --extensions '.ts,.tsx'  --ignore '**/*.test.ts,**/*.test.tsx,**/tests,**/__tests__'
 ```
 
-Generate type declaration files for packages written in Typescript:
+> Note that you may need to compy non-js/non-typescript files to the `dist` directory manually e.g. css files
 
-```sh
-lerna run tsc
-```
+Once this is done, commit any changes to the `dist` folder.
 
-Transpile the packages - this will create the distribution-ready files for all packages:
+Next, generate type declaration files for packages written in Typescript:
 
 ```sh
-lerna run transpile
+yarn tsc
 ```
 
-Finally, publish the packages to the `npm` registry:
+Once this is done, commit changes to the `types` folder. You may have to ignore some stubborn linter warnings.
 
-```sh
-lerna publish from-git
-```
+---
 
-You may want to checkout documentation for the [`lerna version`](https://github.com/lerna/lerna/tree/master/commands/version) and [`lerna publish`](https://github.com/lerna/lerna/tree/master/commands/publish) commands.
+Once you have done the above, you would then push your changes, have your code reviewed and eventually merged to master before you proceed.
 
-## Typescript Support
+### Actually publish
 
-It is actually recommended to create all new packages using `Typescript`. The instructions above on how to add a new package are all that you need to get started.
+Assuming that you have the `js-tools` repo cloned locally, switch to the `master` branch and proceed:
 
-In addition to the above instructions, you need to create a `tsconfig.json` file next to the package.json file inside your new package's directory.
+1. To authenticate with Github, you need to define the following environment variable:
 
-The contents of this file should be something like:
+> _GH_TOKEN_ (required) - Your GitHub authentication token (under Settings > Developer settings > Personal access tokens)
 
-```json
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "declarationDir": "dist/types"
-  },
-  "include": ["src"]
-}
+2. Next, tag releases on Github and create a changelog for all updated packages:
+
+```sh
+lerna version --github-release --conventional-commits
+```
+
+3. At this point, we are ready to publish to `npm`. You would, of course, need to log in to npm first:
+
+```sh
+npm login
 ```
+
+4. Finally, publish the packages to the `npm` registry:
+
+```sh
+lerna publish from-git
+```
+
+You may want to checkout documentation for the [`lerna version`](https://github.com/lerna/lerna/tree/master/commands/version) and [`lerna publish`](https://github.com/lerna/lerna/tree/master/commands/publish) commands.
diff --git a/packages/DrillDownTable/README.md b/packages/DrillDownTable/README.md
index b567a12b..17327c85 100644
--- a/packages/DrillDownTable/README.md
+++ b/packages/DrillDownTable/README.md
@@ -87,10 +87,30 @@ When the table is rendered, you can click anywhere on a row to drill down to the
 
 This is a component responsible for rendering the cell in which the `linkerField` (above) is found. By default it just adds a caret to show if you can drill down on a row of data or not. However you can supply your own component that renders whatever else you may want - for example instead of a caret you may want to show a link. Have a look at [`DropDownCell`](src/helpers/DropDownCell.tsx) for an example of how this component might look at.
 
+#### extraCellProps
+
+This is an object that represents extra props to be given to the `CellComponent` (above).
+
 #### useDrillDownTrProps
 
 By default `DrillDownTable` allows you to click on any row to drill-down to the next hierarchical level of data. This is achieved by having a [custom geTrProps](https://github.com/tannerlinsley/react-table/tree/v6#props) built into `DrillDownTable`. You can turn this off by setting `useDrillDownTrProps` to be `false`.
 
+#### hasChildren
+
+This is a function that returns a `boolean` indicating whether or not a row of data has children i.e. should you be able to drill down using the given row?
+
+A sample `hasChildren` function looks like so:
+
+```ts
+export function hasChildrenFunc(
+  currentObject: RowInfo | CellInfo,
+  parentIdList: number[] | string[],
+  idField: string | number = 'id'
+) {
+  return parentIdList.includes(currentObject.original[idField]);
+}
+```
+
 ### Code examples
 
 Simplest example:
@@ -155,3 +175,49 @@ const props = {
 };
 <DrillDownTable {...props} />;
 ```
+
+Use a custom `CellComponent` and `extraCellProps`.
+
+```tsx
+interface NewCellComponentProps extends DropDownCellProps {
+  urlPath: string;
+  caret: string;
+}
+
+const NewCellComponent: React.ElementType = (props: NewCellComponentProps) => {
+  const { cellValue, hasChildren, urlPath, caret } = props;
+  return (
+    <div>
+      <span>
+        {hasChildren ? (
+          <a href={urlPath}>
+            {cellValue} {caret}
+          </a>
+        ) : (
+          cellValue
+        )}
+      </span>
+    </div>
+  );
+};
+
+const props = {
+  CellComponent: NewCellComponent,
+  data,
+  extraCellProps: { urlPath: 'http://example.com', caret: <span>&#43;</span> }
+};
+<DrillDownTable {...props} />;
+```
+
+Use custom `hasChildren`
+
+```tsx
+import 'react-table/react-table.css';
+import DrillDownTable from '@onaio/drill-down-table/';
+
+const props = {
+  data: data,
+  hasChildren: (item, parents, idfield) => item.original[idfield] === 10
+};
+<DrillDownTable {...props} />;
+```
diff --git a/packages/DrillDownTable/dist/index.js b/packages/DrillDownTable/dist/index.js
index fbd847de..099b0894 100644
--- a/packages/DrillDownTable/dist/index.js
+++ b/packages/DrillDownTable/dist/index.js
@@ -7,6 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.hasChildrenFunc = hasChildrenFunc;
 Object.defineProperty(exports, "DropDownCell", {
   enumerable: true,
   get: function get() {
@@ -47,8 +48,14 @@ var _DropDownCell = _interopRequireWildcard(require("./helpers/DropDownCell"));
 
 var _WithHeaders = _interopRequireWildcard(require("./WithHeaders"));
 
+function hasChildrenFunc(currentObject, parentIdList) {
+  var idField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'id';
+  return parentIdList.includes(currentObject.original[idField]);
+}
+
 function DrillDownTable(props) {
   var data = props.data,
+      hasChildren = props.hasChildren,
       parentIdentifierField = props.parentIdentifierField,
       useDrillDownTrProps = props.useDrillDownTrProps;
   var columns = (0, _WithHeaders.getColumns)(props);
@@ -74,7 +81,7 @@ function DrillDownTable(props) {
       setPreviousParentId = _useState8[1];
 
   (0, _react.useEffect)(function () {
-    if (props.rootParentId !== currentParentId) {
+    if (props.rootParentId != null && props.rootParentId !== currentParentId) {
       setPreviousParentId(currentParentId);
       setCurrentParentId(props.rootParentId);
     }
@@ -104,16 +111,6 @@ function DrillDownTable(props) {
     return data;
   }
 
-  function hasChildren(row) {
-    var identifierField = props.identifierField;
-
-    if (identifierField && parentNodes && parentNodes.includes(row.original[identifierField])) {
-      return true;
-    }
-
-    return false;
-  }
-
   var drillDownTrProps = function drillDownTrProps(row, instance) {
     var getTrProps = props.getTrProps;
 
@@ -124,7 +121,7 @@ function DrillDownTable(props) {
     return {
       onClick: function onClick() {
         if (props.identifierField && props.parentIdentifierField) {
-          if (hasChildren(instance)) {
+          if (hasChildren && hasChildren(instance, parentNodes, props.identifierField) === true) {
             var newParentId = instance.original[props.identifierField];
             var oldParentId = instance.original[props.parentIdentifierField];
             setCurrentParentId(newParentId);
@@ -149,9 +146,16 @@ function DrillDownTable(props) {
     if (el.accessor === linkerField) {
       el.Cell = function (cell) {
         if (CellComponent !== undefined) {
+          var _identifierField = props.identifierField;
+          var thisCellHasChildren = false;
+
+          if (hasChildren && _identifierField && hasChildren(cell, parentNodes, _identifierField)) {
+            thisCellHasChildren = true;
+          }
+
           var cellProps = {
             cellValue: cell.value,
-            hasChildren: hasChildren(cell)
+            hasChildren: thisCellHasChildren
           };
 
           if (extraCellProps !== undefined) {
@@ -187,6 +191,7 @@ function DrillDownTable(props) {
 
 DrillDownTable.defaultProps = {
   CellComponent: _DropDownCell.default,
+  hasChildren: hasChildrenFunc,
   identifierField: _constants.ID,
   linkerField: _constants.ID,
   parentIdentifierField: _constants.PARENT_ID,
diff --git a/packages/DrillDownTable/dist/types/index.d.ts b/packages/DrillDownTable/dist/types/index.d.ts
index e977cd90..84c32915 100644
--- a/packages/DrillDownTable/dist/types/index.d.ts
+++ b/packages/DrillDownTable/dist/types/index.d.ts
@@ -1,13 +1,26 @@
 import React from 'react';
-import { TableProps } from 'react-table';
+import { CellInfo, RowInfo, TableProps } from 'react-table';
 import './DrillDownTable.css';
 import DropDownCell, { DropDownCellProps } from './helpers/DropDownCell';
 import { FlexObject } from './helpers/utils';
 import WithHeaders, { getColumns } from './WithHeaders';
+/** Type definition for hasChildrenFunc */
+export declare type hasChildrenFuncType = (
+  currentObject: RowInfo | CellInfo,
+  parentIdList: number[] | string[],
+  idField: string | number
+) => boolean;
+/** Check if a row of data has children */
+export declare function hasChildrenFunc(
+  currentObject: RowInfo | CellInfo,
+  parentIdList: number[] | string[],
+  idField?: string | number
+): boolean;
 /** Interface to define props of Drill down table */
 export interface DrillDownProps<T> extends Partial<TableProps<T>> {
   CellComponent: React.ElementType;
   extraCellProps?: FlexObject;
+  hasChildren?: hasChildrenFuncType;
   identifierField?: string;
   linkerField?: string;
   parentIdentifierField?: string;
@@ -22,6 +35,7 @@ declare function DrillDownTable<T>(props: Partial<DrillDownProps<T>>): JSX.Eleme
 declare namespace DrillDownTable {
   var defaultProps: {
     CellComponent: React.ElementType<any>;
+    hasChildren: typeof hasChildrenFunc;
     identifierField: string;
     linkerField: string;
     parentIdentifierField: string;
diff --git a/packages/DrillDownTable/src/index.tsx b/packages/DrillDownTable/src/index.tsx
index 2fd14ab2..aef347d7 100644
--- a/packages/DrillDownTable/src/index.tsx
+++ b/packages/DrillDownTable/src/index.tsx
@@ -6,10 +6,27 @@ import DropDownCell, { DropDownCellProps } from './helpers/DropDownCell';
 import { FlexObject } from './helpers/utils';
 import WithHeaders, { getColumns } from './WithHeaders';
 
+/** Type definition for hasChildrenFunc */
+export type hasChildrenFuncType = (
+  currentObject: RowInfo | CellInfo,
+  parentIdList: number[] | string[],
+  idField: string | number
+) => boolean;
+
+/** Check if a row of data has children */
+export function hasChildrenFunc(
+  currentObject: RowInfo | CellInfo,
+  parentIdList: number[] | string[],
+  idField: string | number = 'id'
+) {
+  return parentIdList.includes(currentObject.original[idField]);
+}
+
 /** Interface to define props of Drill down table */
 export interface DrillDownProps<T> extends Partial<TableProps<T>> {
   CellComponent: React.ElementType;
   extraCellProps?: FlexObject;
+  hasChildren?: hasChildrenFuncType;
   identifierField?: string;
   linkerField?: string;
   parentIdentifierField?: string;
@@ -30,7 +47,7 @@ interface State<D> extends Partial<FinalState<D>> {
  * the lowest, nad back with maximum flexibility.
  */
 function DrillDownTable<T>(props: Partial<DrillDownProps<T>>) {
-  const { data, parentIdentifierField, useDrillDownTrProps } = props;
+  const { data, hasChildren, parentIdentifierField, useDrillDownTrProps } = props;
   const columns = getColumns(props);
   // state variables
   const [currentParentId, setCurrentParentId] = useState(props.rootParentId);
@@ -44,7 +61,7 @@ function DrillDownTable<T>(props: Partial<DrillDownProps<T>>) {
    * is updated to match it
    */
   useEffect(() => {
-    if (props.rootParentId !== currentParentId) {
+    if (props.rootParentId != null && props.rootParentId !== currentParentId) {
       setPreviousParentId(currentParentId);
       setCurrentParentId(props.rootParentId);
     }
@@ -71,15 +88,6 @@ function DrillDownTable<T>(props: Partial<DrillDownProps<T>>) {
     return data;
   }
 
-  /** Check if a row of data has children */
-  function hasChildren(row: RowInfo) {
-    const { identifierField } = props;
-    if (identifierField && parentNodes && parentNodes.includes(row.original[identifierField])) {
-      return true;
-    }
-    return false;
-  }
-
   /** getTrProps hook set up to handle drill-down using click event */
   const drillDownTrProps = (row: RowInfo, instance: RowInfo) => {
     const { getTrProps } = props;
@@ -89,7 +97,7 @@ function DrillDownTable<T>(props: Partial<DrillDownProps<T>>) {
     return {
       onClick: () => {
         if (props.identifierField && props.parentIdentifierField) {
-          if (hasChildren(instance)) {
+          if (hasChildren && hasChildren(instance, parentNodes, props.identifierField) === true) {
             const newParentId = instance.original[props.identifierField];
             const oldParentId = instance.original[props.parentIdentifierField];
             setCurrentParentId(newParentId);
@@ -114,10 +122,18 @@ function DrillDownTable<T>(props: Partial<DrillDownProps<T>>) {
     if (el.accessor === linkerField) {
       el.Cell = (cell: CellInfo) => {
         if (CellComponent !== undefined) {
+          const { identifierField } = props;
+
+          let thisCellHasChildren = false;
+          if (hasChildren && identifierField && hasChildren(cell, parentNodes, identifierField)) {
+            thisCellHasChildren = true;
+          }
+
           const cellProps: DropDownCellProps = {
             cellValue: cell.value,
-            hasChildren: hasChildren(cell)
+            hasChildren: thisCellHasChildren
           };
+
           if (extraCellProps !== undefined) {
             Object.assign(cellProps, extraCellProps);
           }
@@ -148,6 +164,7 @@ function DrillDownTable<T>(props: Partial<DrillDownProps<T>>) {
 
 DrillDownTable.defaultProps = {
   CellComponent: DropDownCell,
+  hasChildren: hasChildrenFunc,
   identifierField: ID,
   linkerField: ID,
   parentIdentifierField: PARENT_ID,
diff --git a/packages/DrillDownTable/src/tests/DrillDownTable.test.tsx b/packages/DrillDownTable/src/tests/DrillDownTable.test.tsx
index a581bd36..cb563797 100644
--- a/packages/DrillDownTable/src/tests/DrillDownTable.test.tsx
+++ b/packages/DrillDownTable/src/tests/DrillDownTable.test.tsx
@@ -42,20 +42,21 @@ describe('DrillDownTable', () => {
       data
     };
     const wrapper = mount(<DrillDownTable {...props} />);
+    expect(toJson(wrapper.find('div.ReactTable'))).toMatchSnapshot();
     // drill down first level
     expect(wrapper.find('.dd-linker-item.dd-clickable').length).toEqual(3);
     wrapper
       .find('.dd-linker-item.dd-clickable')
       .first()
       .simulate('click');
-    expect(toJson(wrapper.find('ReactTable'))).toMatchSnapshot();
+    expect(toJson(wrapper.find('div.ReactTable'))).toMatchSnapshot();
     // drill down second level
     expect(wrapper.find('.dd-linker-item.dd-clickable').length).toEqual(2);
     wrapper
       .find('.dd-linker-item.dd-clickable')
       .first()
       .simulate('click');
-    expect(toJson(wrapper.find('ReactTable'))).toMatchSnapshot();
+    expect(toJson(wrapper.find('div.ReactTable'))).toMatchSnapshot();
     // there should now be no more drilling down possible
     expect(wrapper.find('.dd-linker-item.dd-clickable').length).toEqual(0);
     wrapper.unmount();
@@ -223,4 +224,14 @@ describe('DrillDownTable', () => {
     expect(toJson(wrapper)).toMatchSnapshot();
     wrapper.unmount();
   });
+
+  it('works with custom hasChildren callback', () => {
+    const props = {
+      data: dataLowestLevel,
+      hasChildren: (item, parents, idfield) => item.original[idfield] === 10
+    };
+    const wrapper = mount(<DrillDownTable {...props} />);
+    expect(toJson(wrapper)).toMatchSnapshot();
+    wrapper.unmount();
+  });
 });
diff --git a/packages/DrillDownTable/src/tests/__snapshots__/DrillDownTable.test.tsx.snap b/packages/DrillDownTable/src/tests/__snapshots__/DrillDownTable.test.tsx.snap
index dfc715ea..0697fab9 100644
--- a/packages/DrillDownTable/src/tests/__snapshots__/DrillDownTable.test.tsx.snap
+++ b/packages/DrillDownTable/src/tests/__snapshots__/DrillDownTable.test.tsx.snap
@@ -1,226 +1,54 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DrillDownTable click to drill down works 1`] = `
-<ReactTable
-  AggregatedComponent={[Function]}
-  CellComponent={[Function]}
-  ExpanderComponent={[Function]}
-  FilterComponent={[Function]}
-  LoadingComponent={[Function]}
-  NoDataComponent={[Function]}
-  PadRowComponent={[Function]}
-  PaginationComponent={[Function]}
-  PivotValueComponent={[Function]}
-  ResizerComponent={[Function]}
-  TableComponent={[Function]}
-  TbodyComponent={[Function]}
-  TdComponent={[Function]}
-  TfootComponent={[Function]}
-  ThComponent={[Function]}
-  TheadComponent={[Function]}
-  TrComponent={[Function]}
-  TrGroupComponent={[Function]}
-  aggregatedKey="_aggregated"
-  className=""
-  collapseOnDataChange={true}
-  collapseOnPageChange={true}
-  collapseOnSortingChange={true}
-  column={
-    Object {
-      "Aggregated": undefined,
-      "Cell": undefined,
-      "Expander": undefined,
-      "Filter": undefined,
-      "Footer": undefined,
-      "Header": undefined,
-      "Pivot": undefined,
-      "PivotValue": undefined,
-      "Placeholder": undefined,
-      "aggregate": undefined,
-      "className": "",
-      "filterAll": false,
-      "filterMethod": undefined,
-      "filterable": undefined,
-      "footerClassName": "",
-      "footerStyle": Object {},
-      "getFooterProps": [Function],
-      "getHeaderProps": [Function],
-      "getProps": [Function],
-      "headerClassName": "",
-      "headerStyle": Object {},
-      "minResizeWidth": 11,
-      "minWidth": 100,
-      "resizable": undefined,
-      "show": true,
-      "sortMethod": undefined,
-      "sortable": undefined,
-      "style": Object {},
-    }
-  }
-  columns={
-    Array [
-      Object {
-        "Cell": [Function],
-        "Header": "id",
-        "accessor": "id",
-      },
-      Object {
-        "Header": "location",
-        "accessor": "location",
-      },
-      Object {
-        "Header": "parent_id",
-        "accessor": "parent_id",
-      },
-      Object {
-        "Header": "spray_coverage",
-        "accessor": "spray_coverage",
-      },
-      Object {
-        "Header": "spray_effectiveness",
-        "accessor": "spray_effectiveness",
-      },
-    ]
-  }
-  data={
-    Array [
-      Object {
-        "id": 4,
-        "location": "HFC 1",
-        "parent_id": 1,
-        "spray_coverage": "80%",
-        "spray_effectiveness": "80%",
-      },
-      Object {
-        "id": 5,
-        "location": "HFC 2",
-        "parent_id": 1,
-        "spray_coverage": "80%",
-        "spray_effectiveness": "80%",
-      },
-    ]
-  }
-  defaultExpanded={Object {}}
-  defaultFilterMethod={[Function]}
-  defaultFiltered={Array []}
-  defaultPage={0}
-  defaultPageSize={20}
-  defaultResized={Array []}
-  defaultSortDesc={false}
-  defaultSortMethod={[Function]}
-  defaultSorted={Array []}
-  expanderDefaults={
-    Object {
-      "filterable": false,
-      "resizable": false,
-      "sortable": false,
-      "width": 35,
-    }
-  }
-  filterable={false}
-  freezeWhenExpanded={false}
-  getLoadingProps={[Function]}
-  getNoDataProps={[Function]}
-  getPaginationProps={[Function]}
-  getProps={[Function]}
-  getResizerProps={[Function]}
-  getTableProps={[Function]}
-  getTbodyProps={[Function]}
-  getTdProps={[Function]}
-  getTfootProps={[Function]}
-  getTfootTdProps={[Function]}
-  getTfootTrProps={[Function]}
-  getTheadFilterProps={[Function]}
-  getTheadFilterThProps={[Function]}
-  getTheadFilterTrProps={[Function]}
-  getTheadGroupProps={[Function]}
-  getTheadGroupThProps={[Function]}
-  getTheadGroupTrProps={[Function]}
-  getTheadProps={[Function]}
-  getTheadThProps={[Function]}
-  getTheadTrProps={[Function]}
-  getTrGroupProps={[Function]}
-  getTrProps={[Function]}
-  groupedByPivotKey="_groupedByPivot"
-  identifierField="id"
-  indexKey="_index"
-  linkerField="id"
-  loading={false}
-  loadingText="Loading..."
-  multiSort={true}
-  nestingLevelKey="_nestingLevel"
-  nextText="Next"
-  noDataText="No rows found"
-  ofText="of"
-  onFetchData={[Function]}
-  originalKey="_original"
-  pageJumpText="jump to page"
-  pageSizeOptions={
-    Array [
-      5,
-      10,
-      20,
-      25,
-      50,
-      100,
-    ]
-  }
-  pageText="Page"
-  parentIdentifierField="parent_id"
-  pivotDefaults={Object {}}
-  pivotIDKey="_pivotID"
-  pivotValKey="_pivotVal"
-  previousText="Previous"
-  resizable={true}
-  resolveData={[Function]}
-  rootParentId={null}
-  rowsSelectorText="rows per page"
-  rowsText="rows"
-  showPageJump={true}
-  showPageSizeOptions={true}
-  showPagination={true}
-  showPaginationBottom={true}
-  showPaginationTop={false}
-  sortable={true}
+<div
+  className="ReactTable"
   style={Object {}}
-  subRowsKey="_subRows"
-  useDrillDownTrProps={true}
 >
-  <div
-    className="ReactTable"
-    style={Object {}}
+  <TableComponent
+    className=""
   >
-    <TableComponent
-      className=""
+    <div
+      className="rt-table"
+      role="grid"
     >
-      <div
-        className="rt-table"
-        role="grid"
+      <Thead
+        className="-header"
+        style={
+          Object {
+            "minWidth": "500px",
+          }
+        }
       >
-        <Thead
-          className="-header"
+        <div
+          className="rt-thead -header"
           style={
             Object {
               "minWidth": "500px",
             }
           }
         >
-          <div
-            className="rt-thead -header"
-            style={
-              Object {
-                "minWidth": "500px",
-              }
-            }
-          >
-            <TrComponent>
-              <div
-                className="rt-tr"
-                role="row"
+          <TrComponent>
+            <div
+              className="rt-tr"
+              role="row"
+            >
+              <ThComponent
+                className="rt-resizable-header -cursor-pointer"
+                key="0-id"
+                style={
+                  Object {
+                    "flex": "100 0 auto",
+                    "maxWidth": null,
+                    "width": "100px",
+                  }
+                }
+                toggleSort={[Function]}
               >
-                <ThComponent
-                  className="rt-resizable-header -cursor-pointer"
-                  key="0-id"
+                <div
+                  className="rt-th rt-resizable-header -cursor-pointer"
+                  onClick={[Function]}
+                  role="columnheader"
                   style={
                     Object {
                       "flex": "100 0 auto",
@@ -228,41 +56,41 @@ exports[`DrillDownTable click to drill down works 1`] = `
                       "width": "100px",
                     }
                   }
-                  toggleSort={[Function]}
+                  tabIndex="-1"
                 >
                   <div
-                    className="rt-th rt-resizable-header -cursor-pointer"
-                    onClick={[Function]}
-                    role="columnheader"
-                    style={
-                      Object {
-                        "flex": "100 0 auto",
-                        "maxWidth": null,
-                        "width": "100px",
-                      }
-                    }
-                    tabIndex="-1"
+                    className="rt-resizable-header-content"
+                  >
+                    id
+                  </div>
+                  <Resizer
+                    onMouseDown={[Function]}
+                    onTouchStart={[Function]}
                   >
                     <div
-                      className="rt-resizable-header-content"
-                    >
-                      id
-                    </div>
-                    <Resizer
+                      className="rt-resizer"
                       onMouseDown={[Function]}
                       onTouchStart={[Function]}
-                    >
-                      <div
-                        className="rt-resizer"
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
-                      />
-                    </Resizer>
-                  </div>
-                </ThComponent>
-                <ThComponent
-                  className="rt-resizable-header -cursor-pointer"
-                  key="1-location"
+                    />
+                  </Resizer>
+                </div>
+              </ThComponent>
+              <ThComponent
+                className="rt-resizable-header -cursor-pointer"
+                key="1-location"
+                style={
+                  Object {
+                    "flex": "100 0 auto",
+                    "maxWidth": null,
+                    "width": "100px",
+                  }
+                }
+                toggleSort={[Function]}
+              >
+                <div
+                  className="rt-th rt-resizable-header -cursor-pointer"
+                  onClick={[Function]}
+                  role="columnheader"
                   style={
                     Object {
                       "flex": "100 0 auto",
@@ -270,41 +98,41 @@ exports[`DrillDownTable click to drill down works 1`] = `
                       "width": "100px",
                     }
                   }
-                  toggleSort={[Function]}
+                  tabIndex="-1"
                 >
                   <div
-                    className="rt-th rt-resizable-header -cursor-pointer"
-                    onClick={[Function]}
-                    role="columnheader"
-                    style={
-                      Object {
-                        "flex": "100 0 auto",
-                        "maxWidth": null,
-                        "width": "100px",
-                      }
-                    }
-                    tabIndex="-1"
+                    className="rt-resizable-header-content"
+                  >
+                    location
+                  </div>
+                  <Resizer
+                    onMouseDown={[Function]}
+                    onTouchStart={[Function]}
                   >
                     <div
-                      className="rt-resizable-header-content"
-                    >
-                      location
-                    </div>
-                    <Resizer
+                      className="rt-resizer"
                       onMouseDown={[Function]}
                       onTouchStart={[Function]}
-                    >
-                      <div
-                        className="rt-resizer"
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
-                      />
-                    </Resizer>
-                  </div>
-                </ThComponent>
-                <ThComponent
-                  className="rt-resizable-header -cursor-pointer"
-                  key="2-parent_id"
+                    />
+                  </Resizer>
+                </div>
+              </ThComponent>
+              <ThComponent
+                className="rt-resizable-header -cursor-pointer"
+                key="2-parent_id"
+                style={
+                  Object {
+                    "flex": "100 0 auto",
+                    "maxWidth": null,
+                    "width": "100px",
+                  }
+                }
+                toggleSort={[Function]}
+              >
+                <div
+                  className="rt-th rt-resizable-header -cursor-pointer"
+                  onClick={[Function]}
+                  role="columnheader"
                   style={
                     Object {
                       "flex": "100 0 auto",
@@ -312,41 +140,41 @@ exports[`DrillDownTable click to drill down works 1`] = `
                       "width": "100px",
                     }
                   }
-                  toggleSort={[Function]}
+                  tabIndex="-1"
                 >
                   <div
-                    className="rt-th rt-resizable-header -cursor-pointer"
-                    onClick={[Function]}
-                    role="columnheader"
-                    style={
-                      Object {
-                        "flex": "100 0 auto",
-                        "maxWidth": null,
-                        "width": "100px",
-                      }
-                    }
-                    tabIndex="-1"
+                    className="rt-resizable-header-content"
+                  >
+                    parent_id
+                  </div>
+                  <Resizer
+                    onMouseDown={[Function]}
+                    onTouchStart={[Function]}
                   >
                     <div
-                      className="rt-resizable-header-content"
-                    >
-                      parent_id
-                    </div>
-                    <Resizer
+                      className="rt-resizer"
                       onMouseDown={[Function]}
                       onTouchStart={[Function]}
-                    >
-                      <div
-                        className="rt-resizer"
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
-                      />
-                    </Resizer>
-                  </div>
-                </ThComponent>
-                <ThComponent
-                  className="rt-resizable-header -cursor-pointer"
-                  key="3-spray_coverage"
+                    />
+                  </Resizer>
+                </div>
+              </ThComponent>
+              <ThComponent
+                className="rt-resizable-header -cursor-pointer"
+                key="3-spray_coverage"
+                style={
+                  Object {
+                    "flex": "100 0 auto",
+                    "maxWidth": null,
+                    "width": "100px",
+                  }
+                }
+                toggleSort={[Function]}
+              >
+                <div
+                  className="rt-th rt-resizable-header -cursor-pointer"
+                  onClick={[Function]}
+                  role="columnheader"
                   style={
                     Object {
                       "flex": "100 0 auto",
@@ -354,41 +182,41 @@ exports[`DrillDownTable click to drill down works 1`] = `
                       "width": "100px",
                     }
                   }
-                  toggleSort={[Function]}
+                  tabIndex="-1"
                 >
                   <div
-                    className="rt-th rt-resizable-header -cursor-pointer"
-                    onClick={[Function]}
-                    role="columnheader"
-                    style={
-                      Object {
-                        "flex": "100 0 auto",
-                        "maxWidth": null,
-                        "width": "100px",
-                      }
-                    }
-                    tabIndex="-1"
+                    className="rt-resizable-header-content"
+                  >
+                    spray_coverage
+                  </div>
+                  <Resizer
+                    onMouseDown={[Function]}
+                    onTouchStart={[Function]}
                   >
                     <div
-                      className="rt-resizable-header-content"
-                    >
-                      spray_coverage
-                    </div>
-                    <Resizer
+                      className="rt-resizer"
                       onMouseDown={[Function]}
                       onTouchStart={[Function]}
-                    >
-                      <div
-                        className="rt-resizer"
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
-                      />
-                    </Resizer>
-                  </div>
-                </ThComponent>
-                <ThComponent
-                  className="rt-resizable-header -cursor-pointer"
-                  key="4-spray_effectiveness"
+                    />
+                  </Resizer>
+                </div>
+              </ThComponent>
+              <ThComponent
+                className="rt-resizable-header -cursor-pointer"
+                key="4-spray_effectiveness"
+                style={
+                  Object {
+                    "flex": "100 0 auto",
+                    "maxWidth": null,
+                    "width": "100px",
+                  }
+                }
+                toggleSort={[Function]}
+              >
+                <div
+                  className="rt-th rt-resizable-header -cursor-pointer"
+                  onClick={[Function]}
+                  role="columnheader"
                   style={
                     Object {
                       "flex": "100 0 auto",
@@ -396,372 +224,873 @@ exports[`DrillDownTable click to drill down works 1`] = `
                       "width": "100px",
                     }
                   }
-                  toggleSort={[Function]}
+                  tabIndex="-1"
                 >
                   <div
-                    className="rt-th rt-resizable-header -cursor-pointer"
-                    onClick={[Function]}
-                    role="columnheader"
-                    style={
-                      Object {
-                        "flex": "100 0 auto",
-                        "maxWidth": null,
-                        "width": "100px",
-                      }
-                    }
-                    tabIndex="-1"
+                    className="rt-resizable-header-content"
+                  >
+                    spray_effectiveness
+                  </div>
+                  <Resizer
+                    onMouseDown={[Function]}
+                    onTouchStart={[Function]}
                   >
                     <div
-                      className="rt-resizable-header-content"
-                    >
-                      spray_effectiveness
-                    </div>
-                    <Resizer
+                      className="rt-resizer"
                       onMouseDown={[Function]}
                       onTouchStart={[Function]}
-                    >
-                      <div
-                        className="rt-resizer"
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
-                      />
-                    </Resizer>
-                  </div>
-                </ThComponent>
-              </div>
-            </TrComponent>
-          </div>
-        </Thead>
-        <Tbody
-          className=""
+                    />
+                  </Resizer>
+                </div>
+              </ThComponent>
+            </div>
+          </TrComponent>
+        </div>
+      </Thead>
+      <Tbody
+        className=""
+        style={
+          Object {
+            "minWidth": "500px",
+          }
+        }
+      >
+        <div
+          className="rt-tbody"
           style={
             Object {
               "minWidth": "500px",
             }
           }
         >
-          <div
-            className="rt-tbody"
-            style={
-              Object {
-                "minWidth": "500px",
-              }
-            }
+          <TrGroupComponent
+            key="0"
           >
-            <TrGroupComponent
-              key="0"
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
-              >
-                <TrComponent
-                  className="-odd"
-                  onClick={[Function]}
-                  row={
-                    Object {
-                      "AggregatedComponent": [Function],
-                      "CellComponent": [Function],
-                      "ExpanderComponent": [Function],
-                      "FilterComponent": [Function],
-                      "LoadingComponent": [Function],
-                      "NoDataComponent": [Function],
-                      "PadRowComponent": [Function],
-                      "PaginationComponent": [Function],
-                      "PivotValueComponent": [Function],
-                      "ResizerComponent": [Function],
-                      "TableComponent": [Function],
-                      "TbodyComponent": [Function],
-                      "TdComponent": [Function],
-                      "TfootComponent": [Function],
-                      "ThComponent": [Function],
-                      "TheadComponent": [Function],
-                      "TrComponent": [Function],
-                      "TrGroupComponent": [Function],
-                      "aggregatedKey": "_aggregated",
-                      "allDecoratedColumns": Array [
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": [Function],
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "id",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "id",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "location",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "location",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "parent_id",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "parent_id",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "spray_coverage",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "spray_coverage",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "spray_effectiveness",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "spray_effectiveness",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                      ],
-                      "allVisibleColumns": Array [
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": [Function],
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "id",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "id",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "location",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "location",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "parent_id",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "parent_id",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "spray_coverage",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
+              <TrComponent
+                className="-odd"
+                onClick={[Function]}
+                row={
+                  Object {
+                    "AggregatedComponent": [Function],
+                    "CellComponent": [Function],
+                    "ExpanderComponent": [Function],
+                    "FilterComponent": [Function],
+                    "LoadingComponent": [Function],
+                    "NoDataComponent": [Function],
+                    "PadRowComponent": [Function],
+                    "PaginationComponent": [Function],
+                    "PivotValueComponent": [Function],
+                    "ResizerComponent": [Function],
+                    "TableComponent": [Function],
+                    "TbodyComponent": [Function],
+                    "TdComponent": [Function],
+                    "TfootComponent": [Function],
+                    "ThComponent": [Function],
+                    "TheadComponent": [Function],
+                    "TrComponent": [Function],
+                    "TrGroupComponent": [Function],
+                    "aggregatedKey": "_aggregated",
+                    "allDecoratedColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "allVisibleColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "canNext": false,
+                    "canPrevious": false,
+                    "className": "",
+                    "collapseOnDataChange": true,
+                    "collapseOnPageChange": true,
+                    "collapseOnSortingChange": true,
+                    "column": Object {
+                      "Aggregated": undefined,
+                      "Cell": undefined,
+                      "Expander": undefined,
+                      "Filter": undefined,
+                      "Footer": undefined,
+                      "Header": undefined,
+                      "Pivot": undefined,
+                      "PivotValue": undefined,
+                      "Placeholder": undefined,
+                      "aggregate": undefined,
+                      "className": "",
+                      "filterAll": false,
+                      "filterMethod": undefined,
+                      "filterable": undefined,
+                      "footerClassName": "",
+                      "footerStyle": Object {},
+                      "getFooterProps": [Function],
+                      "getHeaderProps": [Function],
+                      "getProps": [Function],
+                      "headerClassName": "",
+                      "headerStyle": Object {},
+                      "minResizeWidth": 11,
+                      "minWidth": 100,
+                      "resizable": undefined,
+                      "show": true,
+                      "sortMethod": undefined,
+                      "sortable": undefined,
+                      "style": Object {},
+                    },
+                    "columns": Array [
+                      Object {
+                        "Cell": [Function],
+                        "Header": "id",
+                        "accessor": "id",
+                      },
+                      Object {
+                        "Header": "location",
+                        "accessor": "location",
+                      },
+                      Object {
+                        "Header": "parent_id",
+                        "accessor": "parent_id",
+                      },
+                      Object {
+                        "Header": "spray_coverage",
+                        "accessor": "spray_coverage",
+                      },
+                      Object {
+                        "Header": "spray_effectiveness",
+                        "accessor": "spray_effectiveness",
+                      },
+                    ],
+                    "currentlyResizing": false,
+                    "data": Array [
+                      Object {
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "defaultExpanded": Object {},
+                    "defaultFilterMethod": [Function],
+                    "defaultFiltered": Array [],
+                    "defaultPage": 0,
+                    "defaultPageSize": 20,
+                    "defaultResized": Array [],
+                    "defaultSortDesc": false,
+                    "defaultSortMethod": [Function],
+                    "defaultSorted": Array [],
+                    "endRow": 20,
+                    "expanded": Object {},
+                    "expanderDefaults": Object {
+                      "filterable": false,
+                      "resizable": false,
+                      "sortable": false,
+                      "width": 35,
+                    },
+                    "filterable": false,
+                    "filtered": Array [],
+                    "freezeWhenExpanded": false,
+                    "frozen": false,
+                    "getLoadingProps": [Function],
+                    "getNoDataProps": [Function],
+                    "getPaginationProps": [Function],
+                    "getProps": [Function],
+                    "getResizerProps": [Function],
+                    "getTableProps": [Function],
+                    "getTbodyProps": [Function],
+                    "getTdProps": [Function],
+                    "getTfootProps": [Function],
+                    "getTfootTdProps": [Function],
+                    "getTfootTrProps": [Function],
+                    "getTheadFilterProps": [Function],
+                    "getTheadFilterThProps": [Function],
+                    "getTheadFilterTrProps": [Function],
+                    "getTheadGroupProps": [Function],
+                    "getTheadGroupThProps": [Function],
+                    "getTheadGroupTrProps": [Function],
+                    "getTheadProps": [Function],
+                    "getTheadThProps": [Function],
+                    "getTheadTrProps": [Function],
+                    "getTrGroupProps": [Function],
+                    "getTrProps": [Function],
+                    "groupedByPivotKey": "_groupedByPivot",
+                    "hasChildren": [Function],
+                    "hasColumnFooter": false,
+                    "hasHeaderGroups": false,
+                    "headerGroups": Array [],
+                    "identifierField": "id",
+                    "indexKey": "_index",
+                    "linkerField": "id",
+                    "loading": false,
+                    "loadingText": "Loading...",
+                    "minRows": 20,
+                    "multiSort": true,
+                    "nestingLevelKey": "_nestingLevel",
+                    "nextText": "Next",
+                    "noDataText": "No rows found",
+                    "ofText": "of",
+                    "onFetchData": [Function],
+                    "originalKey": "_original",
+                    "padRows": Array [
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                    ],
+                    "page": 0,
+                    "pageJumpText": "jump to page",
+                    "pageRows": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 0,
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 1,
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 2,
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 3,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 3,
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "pageSize": 20,
+                    "pageSizeOptions": Array [
+                      5,
+                      10,
+                      20,
+                      25,
+                      50,
+                      100,
+                    ],
+                    "pageText": "Page",
+                    "pages": 1,
+                    "parentIdentifierField": "parent_id",
+                    "pivotDefaults": Object {},
+                    "pivotIDKey": "_pivotID",
+                    "pivotValKey": "_pivotVal",
+                    "previousText": "Previous",
+                    "resizable": true,
+                    "resized": Array [],
+                    "resolveData": [Function],
+                    "resolvedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        "_subRows": undefined,
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 3,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                        "_subRows": undefined,
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "rootParentId": null,
+                    "rowMinWidth": 500,
+                    "rowsSelectorText": "rows per page",
+                    "rowsText": "rows",
+                    "showPageJump": true,
+                    "showPageSizeOptions": true,
+                    "showPagination": true,
+                    "showPaginationBottom": true,
+                    "showPaginationTop": false,
+                    "skipNextSort": false,
+                    "sortable": true,
+                    "sorted": Array [],
+                    "sortedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        "_subRows": undefined,
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 3,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                        "_subRows": undefined,
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "startRow": 0,
+                    "style": Object {},
+                    "subRowsKey": "_subRows",
+                    "useDrillDownTrProps": true,
+                  }
+                }
+              >
+                <div
+                  className="rt-tr -odd"
+                  onClick={[Function]}
+                  role="row"
+                  row={
+                    Object {
+                      "AggregatedComponent": [Function],
+                      "CellComponent": [Function],
+                      "ExpanderComponent": [Function],
+                      "FilterComponent": [Function],
+                      "LoadingComponent": [Function],
+                      "NoDataComponent": [Function],
+                      "PadRowComponent": [Function],
+                      "PaginationComponent": [Function],
+                      "PivotValueComponent": [Function],
+                      "ResizerComponent": [Function],
+                      "TableComponent": [Function],
+                      "TbodyComponent": [Function],
+                      "TdComponent": [Function],
+                      "TfootComponent": [Function],
+                      "ThComponent": [Function],
+                      "TheadComponent": [Function],
+                      "TrComponent": [Function],
+                      "TrGroupComponent": [Function],
+                      "aggregatedKey": "_aggregated",
+                      "allDecoratedColumns": Array [
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": [Function],
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
                           "getHeaderProps": [Function],
                           "getProps": [Function],
                           "headerClassName": "",
                           "headerStyle": Object {},
-                          "id": "spray_coverage",
+                          "id": "id",
                           "minResizeWidth": 11,
                           "minWidth": 100,
                           "resizable": undefined,
@@ -776,7 +1105,7 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "Expander": undefined,
                           "Filter": undefined,
                           "Footer": undefined,
-                          "Header": "spray_effectiveness",
+                          "Header": "location",
                           "Pivot": undefined,
                           "PivotValue": undefined,
                           "Placeholder": undefined,
@@ -793,7 +1122,7 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "getProps": [Function],
                           "headerClassName": "",
                           "headerStyle": Object {},
-                          "id": "spray_effectiveness",
+                          "id": "location",
                           "minResizeWidth": 11,
                           "minWidth": 100,
                           "resizable": undefined,
@@ -802,82 +1131,354 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "sortable": undefined,
                           "style": Object {},
                         },
-                      ],
-                      "canNext": false,
-                      "canPrevious": false,
-                      "className": "",
-                      "collapseOnDataChange": true,
-                      "collapseOnPageChange": true,
-                      "collapseOnSortingChange": true,
-                      "column": Object {
-                        "Aggregated": undefined,
-                        "Cell": undefined,
-                        "Expander": undefined,
-                        "Filter": undefined,
-                        "Footer": undefined,
-                        "Header": undefined,
-                        "Pivot": undefined,
-                        "PivotValue": undefined,
-                        "Placeholder": undefined,
-                        "aggregate": undefined,
-                        "className": "",
-                        "filterAll": false,
-                        "filterMethod": undefined,
-                        "filterable": undefined,
-                        "footerClassName": "",
-                        "footerStyle": Object {},
-                        "getFooterProps": [Function],
-                        "getHeaderProps": [Function],
-                        "getProps": [Function],
-                        "headerClassName": "",
-                        "headerStyle": Object {},
-                        "minResizeWidth": 11,
-                        "minWidth": 100,
-                        "resizable": undefined,
-                        "show": true,
-                        "sortMethod": undefined,
-                        "sortable": undefined,
-                        "style": Object {},
-                      },
-                      "columns": Array [
-                        Object {
-                          "Cell": [Function],
-                          "Header": "id",
-                          "accessor": "id",
-                        },
-                        Object {
-                          "Header": "location",
-                          "accessor": "location",
-                        },
                         Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
                           "Header": "parent_id",
-                          "accessor": "parent_id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "parent_id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
                         },
                         Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
                           "Header": "spray_coverage",
-                          "accessor": "spray_coverage",
-                        },
-                        Object {
-                          "Header": "spray_effectiveness",
-                          "accessor": "spray_effectiveness",
-                        },
-                      ],
-                      "currentlyResizing": false,
-                      "data": Array [
-                        Object {
-                          "id": 4,
-                          "location": "HFC 1",
-                          "parent_id": 1,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "80%",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_coverage",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
                         },
                         Object {
-                          "id": 5,
-                          "location": "HFC 2",
-                          "parent_id": 1,
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_effectiveness",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_effectiveness",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                      ],
+                      "allVisibleColumns": Array [
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": [Function],
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "location",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "location",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "parent_id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "parent_id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_coverage",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_coverage",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_effectiveness",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_effectiveness",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                      ],
+                      "canNext": false,
+                      "canPrevious": false,
+                      "className": "",
+                      "collapseOnDataChange": true,
+                      "collapseOnPageChange": true,
+                      "collapseOnSortingChange": true,
+                      "column": Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": undefined,
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      "columns": Array [
+                        Object {
+                          "Cell": [Function],
+                          "Header": "id",
+                          "accessor": "id",
+                        },
+                        Object {
+                          "Header": "location",
+                          "accessor": "location",
+                        },
+                        Object {
+                          "Header": "parent_id",
+                          "accessor": "parent_id",
+                        },
+                        Object {
+                          "Header": "spray_coverage",
+                          "accessor": "spray_coverage",
+                        },
+                        Object {
+                          "Header": "spray_effectiveness",
+                          "accessor": "spray_effectiveness",
+                        },
+                      ],
+                      "currentlyResizing": false,
+                      "data": Array [
+                        Object {
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
                           "spray_coverage": "80%",
                           "spray_effectiveness": "80%",
                         },
+                        Object {
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
                       ],
                       "defaultExpanded": Object {},
                       "defaultFilterMethod": [Function],
@@ -923,6 +1524,7 @@ exports[`DrillDownTable click to drill down works 1`] = `
                       "getTrGroupProps": [Function],
                       "getTrProps": [Function],
                       "groupedByPivotKey": "_groupedByPivot",
+                      "hasChildren": [Function],
                       "hasColumnFooter": false,
                       "hasHeaderGroups": false,
                       "headerGroups": Array [],
@@ -940,24 +1542,22 @@ exports[`DrillDownTable click to drill down works 1`] = `
                       "onFetchData": [Function],
                       "originalKey": "_original",
                       "padRows": Array [
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
                       ],
                       "page": 0,
                       "pageJumpText": "jump to page",
@@ -966,17 +1566,17 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "_index": 0,
                           "_nestingLevel": 0,
                           "_original": Object {
-                            "id": 4,
-                            "location": "HFC 1",
-                            "parent_id": 1,
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "80%",
                           },
                           "_subRows": undefined,
                           "_viewIndex": 0,
-                          "id": 4,
-                          "location": "HFC 1",
-                          "parent_id": 1,
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
                           "spray_coverage": "80%",
                           "spray_effectiveness": "80%",
                         },
@@ -984,19 +1584,55 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "_index": 1,
                           "_nestingLevel": 0,
                           "_original": Object {
-                            "id": 5,
-                            "location": "HFC 2",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
                           },
                           "_subRows": undefined,
                           "_viewIndex": 1,
-                          "id": 5,
-                          "location": "HFC 2",
-                          "parent_id": 1,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "80%",
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          "_subRows": undefined,
+                          "_viewIndex": 2,
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 3,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                          "_subRows": undefined,
+                          "_viewIndex": 3,
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
                         },
                       ],
                       "pageSize": 20,
@@ -1023,16 +1659,16 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "_index": 0,
                           "_nestingLevel": 0,
                           "_original": Object {
-                            "id": 4,
-                            "location": "HFC 1",
-                            "parent_id": 1,
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "80%",
                           },
                           "_subRows": undefined,
-                          "id": 4,
-                          "location": "HFC 1",
-                          "parent_id": 1,
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
                           "spray_coverage": "80%",
                           "spray_effectiveness": "80%",
                         },
@@ -1040,18 +1676,52 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "_index": 1,
                           "_nestingLevel": 0,
                           "_original": Object {
-                            "id": 5,
-                            "location": "HFC 2",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
                           },
                           "_subRows": undefined,
-                          "id": 5,
-                          "location": "HFC 2",
-                          "parent_id": 1,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "80%",
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          "_subRows": undefined,
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 3,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                          "_subRows": undefined,
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
                         },
                       ],
                       "rootParentId": null,
@@ -1071,16 +1741,16 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "_index": 0,
                           "_nestingLevel": 0,
                           "_original": Object {
-                            "id": 4,
-                            "location": "HFC 1",
-                            "parent_id": 1,
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "80%",
                           },
                           "_subRows": undefined,
-                          "id": 4,
-                          "location": "HFC 1",
-                          "parent_id": 1,
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
                           "spray_coverage": "80%",
                           "spray_effectiveness": "80%",
                         },
@@ -1088,18 +1758,52 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "_index": 1,
                           "_nestingLevel": 0,
                           "_original": Object {
-                            "id": 5,
-                            "location": "HFC 2",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
                           },
                           "_subRows": undefined,
-                          "id": 5,
-                          "location": "HFC 2",
-                          "parent_id": 1,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "80%",
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          "_subRows": undefined,
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 3,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                          "_subRows": undefined,
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
                         },
                       ],
                       "startRow": 0,
@@ -1109,32 +1813,39 @@ exports[`DrillDownTable click to drill down works 1`] = `
                     }
                   }
                 >
-                  <div
-                    className="rt-tr -odd"
+                  <TdComponent
+                    className=""
+                    key="0-id"
                     onClick={[Function]}
-                    role="row"
-                    row={
+                    style={
                       Object {
-                        "AggregatedComponent": [Function],
-                        "CellComponent": [Function],
-                        "ExpanderComponent": [Function],
-                        "FilterComponent": [Function],
-                        "LoadingComponent": [Function],
-                        "NoDataComponent": [Function],
-                        "PadRowComponent": [Function],
-                        "PaginationComponent": [Function],
-                        "PivotValueComponent": [Function],
-                        "ResizerComponent": [Function],
-                        "TableComponent": [Function],
-                        "TbodyComponent": [Function],
-                        "TdComponent": [Function],
-                        "TfootComponent": [Function],
-                        "ThComponent": [Function],
-                        "TheadComponent": [Function],
-                        "TrComponent": [Function],
-                        "TrGroupComponent": [Function],
-                        "aggregatedKey": "_aggregated",
-                        "allDecoratedColumns": Array [
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <Component
+                        classes={
+                          Array [
+                            undefined,
+                            "",
+                            undefined,
+                          ]
+                        }
+                        column={
                           Object {
                             "Aggregated": undefined,
                             "Cell": [Function],
@@ -1166,753 +1877,103 @@ exports[`DrillDownTable click to drill down works 1`] = `
                             "sortMethod": undefined,
                             "sortable": undefined,
                             "style": Object {},
-                          },
+                          }
+                        }
+                        columnProps={
                           Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "location",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "location",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "parent_id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "parent_id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_coverage",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_coverage",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_effectiveness",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_effectiveness",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                        ],
-                        "allVisibleColumns": Array [
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": [Function],
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "location",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "location",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "parent_id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "parent_id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_coverage",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_coverage",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_effectiveness",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_effectiveness",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                        ],
-                        "canNext": false,
-                        "canPrevious": false,
-                        "className": "",
-                        "collapseOnDataChange": true,
-                        "collapseOnPageChange": true,
-                        "collapseOnSortingChange": true,
-                        "column": Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": undefined,
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        "columns": Array [
-                          Object {
-                            "Cell": [Function],
-                            "Header": "id",
-                            "accessor": "id",
-                          },
-                          Object {
-                            "Header": "location",
-                            "accessor": "location",
-                          },
-                          Object {
-                            "Header": "parent_id",
-                            "accessor": "parent_id",
-                          },
-                          Object {
-                            "Header": "spray_coverage",
-                            "accessor": "spray_coverage",
-                          },
-                          Object {
-                            "Header": "spray_effectiveness",
-                            "accessor": "spray_effectiveness",
-                          },
-                        ],
-                        "currentlyResizing": false,
-                        "data": Array [
-                          Object {
-                            "id": 4,
-                            "location": "HFC 1",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
+                          }
+                        }
+                        index={0}
+                        level={0}
+                        nestingPath={
+                          Array [
+                            0,
+                          ]
+                        }
+                        original={
                           Object {
-                            "id": 5,
-                            "location": "HFC 2",
-                            "parent_id": 1,
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "80%",
-                          },
-                        ],
-                        "defaultExpanded": Object {},
-                        "defaultFilterMethod": [Function],
-                        "defaultFiltered": Array [],
-                        "defaultPage": 0,
-                        "defaultPageSize": 20,
-                        "defaultResized": Array [],
-                        "defaultSortDesc": false,
-                        "defaultSortMethod": [Function],
-                        "defaultSorted": Array [],
-                        "endRow": 20,
-                        "expanded": Object {},
-                        "expanderDefaults": Object {
-                          "filterable": false,
-                          "resizable": false,
-                          "sortable": false,
-                          "width": 35,
-                        },
-                        "filterable": false,
-                        "filtered": Array [],
-                        "freezeWhenExpanded": false,
-                        "frozen": false,
-                        "getLoadingProps": [Function],
-                        "getNoDataProps": [Function],
-                        "getPaginationProps": [Function],
-                        "getProps": [Function],
-                        "getResizerProps": [Function],
-                        "getTableProps": [Function],
-                        "getTbodyProps": [Function],
-                        "getTdProps": [Function],
-                        "getTfootProps": [Function],
-                        "getTfootTdProps": [Function],
-                        "getTfootTrProps": [Function],
-                        "getTheadFilterProps": [Function],
-                        "getTheadFilterThProps": [Function],
-                        "getTheadFilterTrProps": [Function],
-                        "getTheadGroupProps": [Function],
-                        "getTheadGroupThProps": [Function],
-                        "getTheadGroupTrProps": [Function],
-                        "getTheadProps": [Function],
-                        "getTheadThProps": [Function],
-                        "getTheadTrProps": [Function],
-                        "getTrGroupProps": [Function],
-                        "getTrProps": [Function],
-                        "groupedByPivotKey": "_groupedByPivot",
-                        "hasColumnFooter": false,
-                        "hasHeaderGroups": false,
-                        "headerGroups": Array [],
-                        "identifierField": "id",
-                        "indexKey": "_index",
-                        "linkerField": "id",
-                        "loading": false,
-                        "loadingText": "Loading...",
-                        "minRows": 20,
-                        "multiSort": true,
-                        "nestingLevelKey": "_nestingLevel",
-                        "nextText": "Next",
-                        "noDataText": "No rows found",
-                        "ofText": "of",
-                        "onFetchData": [Function],
-                        "originalKey": "_original",
-                        "padRows": Array [
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                        ],
-                        "page": 0,
-                        "pageJumpText": "jump to page",
-                        "pageRows": Array [
+                          }
+                        }
+                        page={0}
+                        pageSize={20}
+                        resized={Array []}
+                        row={
                           Object {
                             "_index": 0,
                             "_nestingLevel": 0,
                             "_original": Object {
-                              "id": 4,
-                              "location": "HFC 1",
-                              "parent_id": 1,
+                              "id": 1,
+                              "location": "District A",
+                              "parent_id": null,
                               "spray_coverage": "80%",
                               "spray_effectiveness": "80%",
                             },
                             "_subRows": undefined,
                             "_viewIndex": 0,
-                            "id": 4,
-                            "location": "HFC 1",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
-                          Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 5,
-                              "location": "HFC 2",
-                              "parent_id": 1,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
-                            "_subRows": undefined,
-                            "_viewIndex": 1,
-                            "id": 5,
-                            "location": "HFC 2",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
-                        ],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          5,
-                          10,
-                          20,
-                          25,
-                          50,
-                          100,
-                        ],
-                        "pageText": "Page",
-                        "pages": 1,
-                        "parentIdentifierField": "parent_id",
-                        "pivotDefaults": Object {},
-                        "pivotIDKey": "_pivotID",
-                        "pivotValKey": "_pivotVal",
-                        "previousText": "Previous",
-                        "resizable": true,
-                        "resized": Array [],
-                        "resolveData": [Function],
-                        "resolvedData": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 4,
-                              "location": "HFC 1",
-                              "parent_id": 1,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
-                            "_subRows": undefined,
-                            "id": 4,
-                            "location": "HFC 1",
-                            "parent_id": 1,
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "80%",
-                          },
+                          }
+                        }
+                        show={true}
+                        styles={Object {}}
+                        tdProps={
                           Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 5,
-                              "location": "HFC 2",
-                              "parent_id": 1,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
-                            "_subRows": undefined,
-                            "id": 5,
-                            "location": "HFC 2",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
-                        ],
-                        "rootParentId": null,
-                        "rowMinWidth": 500,
-                        "rowsSelectorText": "rows per page",
-                        "rowsText": "rows",
-                        "showPageJump": true,
-                        "showPageSizeOptions": true,
-                        "showPagination": true,
-                        "showPaginationBottom": true,
-                        "showPaginationTop": false,
-                        "skipNextSort": false,
-                        "sortable": true,
-                        "sorted": Array [],
-                        "sortedData": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 4,
-                              "location": "HFC 1",
-                              "parent_id": 1,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
-                            "_subRows": undefined,
-                            "id": 4,
-                            "location": "HFC 1",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
-                          Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 5,
-                              "location": "HFC 2",
-                              "parent_id": 1,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
-                            "_subRows": undefined,
-                            "id": 5,
-                            "location": "HFC 2",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
-                        ],
-                        "startRow": 0,
-                        "style": Object {},
-                        "subRowsKey": "_subRows",
-                        "useDrillDownTrProps": true,
-                      }
-                    }
-                  >
-                    <TdComponent
-                      className=""
-                      key="0-id"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
                           }
                         }
+                        value={1}
+                        viewIndex={0}
+                        width={100}
                       >
-                        <Component
-                          classes={
-                            Array [
-                              undefined,
-                              "",
-                              undefined,
-                            ]
-                          }
-                          column={
-                            Object {
-                              "Aggregated": undefined,
-                              "Cell": [Function],
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "id",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "id",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            }
-                          }
-                          columnProps={
-                            Object {
-                              "className": undefined,
-                              "rest": Object {},
-                              "style": undefined,
-                            }
-                          }
-                          index={0}
-                          level={0}
-                          nestingPath={
-                            Array [
-                              0,
-                            ]
-                          }
-                          original={
-                            Object {
-                              "id": 4,
-                              "location": "HFC 1",
-                              "parent_id": 1,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            }
-                          }
-                          page={0}
-                          pageSize={20}
-                          resized={Array []}
-                          row={
-                            Object {
-                              "_index": 0,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 4,
-                                "location": "HFC 1",
-                                "parent_id": 1,
-                                "spray_coverage": "80%",
-                                "spray_effectiveness": "80%",
-                              },
-                              "_subRows": undefined,
-                              "_viewIndex": 0,
-                              "id": 4,
-                              "location": "HFC 1",
-                              "parent_id": 1,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            }
-                          }
-                          show={true}
-                          styles={Object {}}
-                          tdProps={
-                            Object {
-                              "className": undefined,
-                              "rest": Object {},
-                              "style": undefined,
-                            }
-                          }
-                          value={4}
-                          viewIndex={0}
-                          width={100}
+                        <DropDownCell
+                          cellValue={1}
+                          hasChildren={true}
                         >
-                          <DropDownCell
-                            cellValue={4}
-                            hasChildren={true}
+                          <div
+                            className="dd-linker-item dd-clickable"
                           >
-                            <div
-                              className="dd-linker-item dd-clickable"
-                            >
-                              <span>
-                                4
-                                <span
-                                  className="dd-caret"
-                                >
-                                   ▼
-                                </span>
+                            <span>
+                              1
+                              <span
+                                className="dd-caret"
+                              >
+                                 ▼
                               </span>
-                            </div>
-                          </DropDownCell>
-                        </Component>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                            </span>
+                          </div>
+                        </DropDownCell>
+                      </Component>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -1921,25 +1982,25 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        HFC 1
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      District A
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -1947,26 +2008,24 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "width": "100px",
                         }
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        1
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                    />
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -1975,25 +2034,25 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        80%
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      80%
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -2002,301 +2061,899 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        80%
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="1"
+                      80%
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="1"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
-              >
-                <TrComponent
-                  className="-even"
-                  onClick={[Function]}
-                  row={
-                    Object {
-                      "AggregatedComponent": [Function],
-                      "CellComponent": [Function],
-                      "ExpanderComponent": [Function],
-                      "FilterComponent": [Function],
-                      "LoadingComponent": [Function],
-                      "NoDataComponent": [Function],
-                      "PadRowComponent": [Function],
-                      "PaginationComponent": [Function],
-                      "PivotValueComponent": [Function],
-                      "ResizerComponent": [Function],
-                      "TableComponent": [Function],
-                      "TbodyComponent": [Function],
-                      "TdComponent": [Function],
-                      "TfootComponent": [Function],
-                      "ThComponent": [Function],
-                      "TheadComponent": [Function],
-                      "TrComponent": [Function],
-                      "TrGroupComponent": [Function],
-                      "aggregatedKey": "_aggregated",
-                      "allDecoratedColumns": Array [
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": [Function],
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "id",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "id",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "location",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "location",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "parent_id",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "parent_id",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "spray_coverage",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "spray_coverage",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "spray_effectiveness",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "spray_effectiveness",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                      ],
-                      "allVisibleColumns": Array [
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": [Function],
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "id",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "id",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "location",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "location",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "parent_id",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
+              <TrComponent
+                className="-even"
+                onClick={[Function]}
+                row={
+                  Object {
+                    "AggregatedComponent": [Function],
+                    "CellComponent": [Function],
+                    "ExpanderComponent": [Function],
+                    "FilterComponent": [Function],
+                    "LoadingComponent": [Function],
+                    "NoDataComponent": [Function],
+                    "PadRowComponent": [Function],
+                    "PaginationComponent": [Function],
+                    "PivotValueComponent": [Function],
+                    "ResizerComponent": [Function],
+                    "TableComponent": [Function],
+                    "TbodyComponent": [Function],
+                    "TdComponent": [Function],
+                    "TfootComponent": [Function],
+                    "ThComponent": [Function],
+                    "TheadComponent": [Function],
+                    "TrComponent": [Function],
+                    "TrGroupComponent": [Function],
+                    "aggregatedKey": "_aggregated",
+                    "allDecoratedColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "allVisibleColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "canNext": false,
+                    "canPrevious": false,
+                    "className": "",
+                    "collapseOnDataChange": true,
+                    "collapseOnPageChange": true,
+                    "collapseOnSortingChange": true,
+                    "column": Object {
+                      "Aggregated": undefined,
+                      "Cell": undefined,
+                      "Expander": undefined,
+                      "Filter": undefined,
+                      "Footer": undefined,
+                      "Header": undefined,
+                      "Pivot": undefined,
+                      "PivotValue": undefined,
+                      "Placeholder": undefined,
+                      "aggregate": undefined,
+                      "className": "",
+                      "filterAll": false,
+                      "filterMethod": undefined,
+                      "filterable": undefined,
+                      "footerClassName": "",
+                      "footerStyle": Object {},
+                      "getFooterProps": [Function],
+                      "getHeaderProps": [Function],
+                      "getProps": [Function],
+                      "headerClassName": "",
+                      "headerStyle": Object {},
+                      "minResizeWidth": 11,
+                      "minWidth": 100,
+                      "resizable": undefined,
+                      "show": true,
+                      "sortMethod": undefined,
+                      "sortable": undefined,
+                      "style": Object {},
+                    },
+                    "columns": Array [
+                      Object {
+                        "Cell": [Function],
+                        "Header": "id",
+                        "accessor": "id",
+                      },
+                      Object {
+                        "Header": "location",
+                        "accessor": "location",
+                      },
+                      Object {
+                        "Header": "parent_id",
+                        "accessor": "parent_id",
+                      },
+                      Object {
+                        "Header": "spray_coverage",
+                        "accessor": "spray_coverage",
+                      },
+                      Object {
+                        "Header": "spray_effectiveness",
+                        "accessor": "spray_effectiveness",
+                      },
+                    ],
+                    "currentlyResizing": false,
+                    "data": Array [
+                      Object {
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "defaultExpanded": Object {},
+                    "defaultFilterMethod": [Function],
+                    "defaultFiltered": Array [],
+                    "defaultPage": 0,
+                    "defaultPageSize": 20,
+                    "defaultResized": Array [],
+                    "defaultSortDesc": false,
+                    "defaultSortMethod": [Function],
+                    "defaultSorted": Array [],
+                    "endRow": 20,
+                    "expanded": Object {},
+                    "expanderDefaults": Object {
+                      "filterable": false,
+                      "resizable": false,
+                      "sortable": false,
+                      "width": 35,
+                    },
+                    "filterable": false,
+                    "filtered": Array [],
+                    "freezeWhenExpanded": false,
+                    "frozen": false,
+                    "getLoadingProps": [Function],
+                    "getNoDataProps": [Function],
+                    "getPaginationProps": [Function],
+                    "getProps": [Function],
+                    "getResizerProps": [Function],
+                    "getTableProps": [Function],
+                    "getTbodyProps": [Function],
+                    "getTdProps": [Function],
+                    "getTfootProps": [Function],
+                    "getTfootTdProps": [Function],
+                    "getTfootTrProps": [Function],
+                    "getTheadFilterProps": [Function],
+                    "getTheadFilterThProps": [Function],
+                    "getTheadFilterTrProps": [Function],
+                    "getTheadGroupProps": [Function],
+                    "getTheadGroupThProps": [Function],
+                    "getTheadGroupTrProps": [Function],
+                    "getTheadProps": [Function],
+                    "getTheadThProps": [Function],
+                    "getTheadTrProps": [Function],
+                    "getTrGroupProps": [Function],
+                    "getTrProps": [Function],
+                    "groupedByPivotKey": "_groupedByPivot",
+                    "hasChildren": [Function],
+                    "hasColumnFooter": false,
+                    "hasHeaderGroups": false,
+                    "headerGroups": Array [],
+                    "identifierField": "id",
+                    "indexKey": "_index",
+                    "linkerField": "id",
+                    "loading": false,
+                    "loadingText": "Loading...",
+                    "minRows": 20,
+                    "multiSort": true,
+                    "nestingLevelKey": "_nestingLevel",
+                    "nextText": "Next",
+                    "noDataText": "No rows found",
+                    "ofText": "of",
+                    "onFetchData": [Function],
+                    "originalKey": "_original",
+                    "padRows": Array [
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                    ],
+                    "page": 0,
+                    "pageJumpText": "jump to page",
+                    "pageRows": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 0,
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 1,
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 2,
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 3,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 3,
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "pageSize": 20,
+                    "pageSizeOptions": Array [
+                      5,
+                      10,
+                      20,
+                      25,
+                      50,
+                      100,
+                    ],
+                    "pageText": "Page",
+                    "pages": 1,
+                    "parentIdentifierField": "parent_id",
+                    "pivotDefaults": Object {},
+                    "pivotIDKey": "_pivotID",
+                    "pivotValKey": "_pivotVal",
+                    "previousText": "Previous",
+                    "resizable": true,
+                    "resized": Array [],
+                    "resolveData": [Function],
+                    "resolvedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        "_subRows": undefined,
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 3,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                        "_subRows": undefined,
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "rootParentId": null,
+                    "rowMinWidth": 500,
+                    "rowsSelectorText": "rows per page",
+                    "rowsText": "rows",
+                    "showPageJump": true,
+                    "showPageSizeOptions": true,
+                    "showPagination": true,
+                    "showPaginationBottom": true,
+                    "showPaginationTop": false,
+                    "skipNextSort": false,
+                    "sortable": true,
+                    "sorted": Array [],
+                    "sortedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        "_subRows": undefined,
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 3,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                        "_subRows": undefined,
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "startRow": 0,
+                    "style": Object {},
+                    "subRowsKey": "_subRows",
+                    "useDrillDownTrProps": true,
+                  }
+                }
+              >
+                <div
+                  className="rt-tr -even"
+                  onClick={[Function]}
+                  role="row"
+                  row={
+                    Object {
+                      "AggregatedComponent": [Function],
+                      "CellComponent": [Function],
+                      "ExpanderComponent": [Function],
+                      "FilterComponent": [Function],
+                      "LoadingComponent": [Function],
+                      "NoDataComponent": [Function],
+                      "PadRowComponent": [Function],
+                      "PaginationComponent": [Function],
+                      "PivotValueComponent": [Function],
+                      "ResizerComponent": [Function],
+                      "TableComponent": [Function],
+                      "TbodyComponent": [Function],
+                      "TdComponent": [Function],
+                      "TfootComponent": [Function],
+                      "ThComponent": [Function],
+                      "TheadComponent": [Function],
+                      "TrComponent": [Function],
+                      "TrGroupComponent": [Function],
+                      "aggregatedKey": "_aggregated",
+                      "allDecoratedColumns": Array [
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": [Function],
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "location",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "location",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "parent_id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
                           "getFooterProps": [Function],
                           "getHeaderProps": [Function],
                           "getProps": [Function],
@@ -2376,46 +3033,208 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "style": Object {},
                         },
                       ],
-                      "canNext": false,
-                      "canPrevious": false,
-                      "className": "",
-                      "collapseOnDataChange": true,
-                      "collapseOnPageChange": true,
-                      "collapseOnSortingChange": true,
-                      "column": Object {
-                        "Aggregated": undefined,
-                        "Cell": undefined,
-                        "Expander": undefined,
-                        "Filter": undefined,
-                        "Footer": undefined,
-                        "Header": undefined,
-                        "Pivot": undefined,
-                        "PivotValue": undefined,
-                        "Placeholder": undefined,
-                        "aggregate": undefined,
-                        "className": "",
-                        "filterAll": false,
-                        "filterMethod": undefined,
-                        "filterable": undefined,
-                        "footerClassName": "",
-                        "footerStyle": Object {},
-                        "getFooterProps": [Function],
-                        "getHeaderProps": [Function],
-                        "getProps": [Function],
-                        "headerClassName": "",
-                        "headerStyle": Object {},
-                        "minResizeWidth": 11,
-                        "minWidth": 100,
-                        "resizable": undefined,
-                        "show": true,
-                        "sortMethod": undefined,
-                        "sortable": undefined,
-                        "style": Object {},
-                      },
-                      "columns": Array [
+                      "allVisibleColumns": Array [
                         Object {
+                          "Aggregated": undefined,
                           "Cell": [Function],
-                          "Header": "id",
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "location",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "location",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "parent_id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "parent_id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_coverage",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_coverage",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_effectiveness",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_effectiveness",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                      ],
+                      "canNext": false,
+                      "canPrevious": false,
+                      "className": "",
+                      "collapseOnDataChange": true,
+                      "collapseOnPageChange": true,
+                      "collapseOnSortingChange": true,
+                      "column": Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": undefined,
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      "columns": Array [
+                        Object {
+                          "Cell": [Function],
+                          "Header": "id",
                           "accessor": "id",
                         },
                         Object {
@@ -2438,18 +3257,32 @@ exports[`DrillDownTable click to drill down works 1`] = `
                       "currentlyResizing": false,
                       "data": Array [
                         Object {
-                          "id": 4,
-                          "location": "HFC 1",
-                          "parent_id": 1,
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
                           "spray_coverage": "80%",
                           "spray_effectiveness": "80%",
                         },
                         Object {
-                          "id": 5,
-                          "location": "HFC 2",
-                          "parent_id": 1,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "80%",
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
                         },
                       ],
                       "defaultExpanded": Object {},
@@ -2496,6 +3329,7 @@ exports[`DrillDownTable click to drill down works 1`] = `
                       "getTrGroupProps": [Function],
                       "getTrProps": [Function],
                       "groupedByPivotKey": "_groupedByPivot",
+                      "hasChildren": [Function],
                       "hasColumnFooter": false,
                       "hasHeaderGroups": false,
                       "headerGroups": Array [],
@@ -2513,24 +3347,22 @@ exports[`DrillDownTable click to drill down works 1`] = `
                       "onFetchData": [Function],
                       "originalKey": "_original",
                       "padRows": Array [
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
-                        18,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
                       ],
                       "page": 0,
                       "pageJumpText": "jump to page",
@@ -2539,17 +3371,17 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "_index": 0,
                           "_nestingLevel": 0,
                           "_original": Object {
-                            "id": 4,
-                            "location": "HFC 1",
-                            "parent_id": 1,
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "80%",
                           },
                           "_subRows": undefined,
                           "_viewIndex": 0,
-                          "id": 4,
-                          "location": "HFC 1",
-                          "parent_id": 1,
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
                           "spray_coverage": "80%",
                           "spray_effectiveness": "80%",
                         },
@@ -2557,19 +3389,55 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "_index": 1,
                           "_nestingLevel": 0,
                           "_original": Object {
-                            "id": 5,
-                            "location": "HFC 2",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
                           },
                           "_subRows": undefined,
                           "_viewIndex": 1,
-                          "id": 5,
-                          "location": "HFC 2",
-                          "parent_id": 1,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "80%",
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          "_subRows": undefined,
+                          "_viewIndex": 2,
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 3,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                          "_subRows": undefined,
+                          "_viewIndex": 3,
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
                         },
                       ],
                       "pageSize": 20,
@@ -2596,16 +3464,16 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "_index": 0,
                           "_nestingLevel": 0,
                           "_original": Object {
-                            "id": 4,
-                            "location": "HFC 1",
-                            "parent_id": 1,
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "80%",
                           },
                           "_subRows": undefined,
-                          "id": 4,
-                          "location": "HFC 1",
-                          "parent_id": 1,
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
                           "spray_coverage": "80%",
                           "spray_effectiveness": "80%",
                         },
@@ -2613,18 +3481,52 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "_index": 1,
                           "_nestingLevel": 0,
                           "_original": Object {
-                            "id": 5,
-                            "location": "HFC 2",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
                           },
                           "_subRows": undefined,
-                          "id": 5,
-                          "location": "HFC 2",
-                          "parent_id": 1,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "80%",
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          "_subRows": undefined,
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 3,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                          "_subRows": undefined,
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
                         },
                       ],
                       "rootParentId": null,
@@ -2644,16 +3546,16 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "_index": 0,
                           "_nestingLevel": 0,
                           "_original": Object {
-                            "id": 4,
-                            "location": "HFC 1",
-                            "parent_id": 1,
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "80%",
                           },
                           "_subRows": undefined,
-                          "id": 4,
-                          "location": "HFC 1",
-                          "parent_id": 1,
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
                           "spray_coverage": "80%",
                           "spray_effectiveness": "80%",
                         },
@@ -2661,18 +3563,52 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "_index": 1,
                           "_nestingLevel": 0,
                           "_original": Object {
-                            "id": 5,
-                            "location": "HFC 2",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
                           },
                           "_subRows": undefined,
-                          "id": 5,
-                          "location": "HFC 2",
-                          "parent_id": 1,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "80%",
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          "_subRows": undefined,
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 3,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                          "_subRows": undefined,
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
                         },
                       ],
                       "startRow": 0,
@@ -2682,32 +3618,39 @@ exports[`DrillDownTable click to drill down works 1`] = `
                     }
                   }
                 >
-                  <div
-                    className="rt-tr -even"
+                  <TdComponent
+                    className=""
+                    key="0-id"
                     onClick={[Function]}
-                    role="row"
-                    row={
+                    style={
                       Object {
-                        "AggregatedComponent": [Function],
-                        "CellComponent": [Function],
-                        "ExpanderComponent": [Function],
-                        "FilterComponent": [Function],
-                        "LoadingComponent": [Function],
-                        "NoDataComponent": [Function],
-                        "PadRowComponent": [Function],
-                        "PaginationComponent": [Function],
-                        "PivotValueComponent": [Function],
-                        "ResizerComponent": [Function],
-                        "TableComponent": [Function],
-                        "TbodyComponent": [Function],
-                        "TdComponent": [Function],
-                        "TfootComponent": [Function],
-                        "ThComponent": [Function],
-                        "TheadComponent": [Function],
-                        "TrComponent": [Function],
-                        "TrGroupComponent": [Function],
-                        "aggregatedKey": "_aggregated",
-                        "allDecoratedColumns": Array [
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <Component
+                        classes={
+                          Array [
+                            undefined,
+                            "",
+                            undefined,
+                          ]
+                        }
+                        column={
                           Object {
                             "Aggregated": undefined,
                             "Cell": [Function],
@@ -2739,807 +3682,103 @@ exports[`DrillDownTable click to drill down works 1`] = `
                             "sortMethod": undefined,
                             "sortable": undefined,
                             "style": Object {},
-                          },
+                          }
+                        }
+                        columnProps={
                           Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "location",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "location",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
+                          }
+                        }
+                        index={1}
+                        level={0}
+                        nestingPath={
+                          Array [
+                            1,
+                          ]
+                        }
+                        original={
                           Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "parent_id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "parent_id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_coverage",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_coverage",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_effectiveness",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_effectiveness",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                        ],
-                        "allVisibleColumns": Array [
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": [Function],
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "location",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "location",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "parent_id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "parent_id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_coverage",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_coverage",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_effectiveness",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_effectiveness",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                        ],
-                        "canNext": false,
-                        "canPrevious": false,
-                        "className": "",
-                        "collapseOnDataChange": true,
-                        "collapseOnPageChange": true,
-                        "collapseOnSortingChange": true,
-                        "column": Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": undefined,
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        "columns": Array [
-                          Object {
-                            "Cell": [Function],
-                            "Header": "id",
-                            "accessor": "id",
-                          },
-                          Object {
-                            "Header": "location",
-                            "accessor": "location",
-                          },
-                          Object {
-                            "Header": "parent_id",
-                            "accessor": "parent_id",
-                          },
-                          Object {
-                            "Header": "spray_coverage",
-                            "accessor": "spray_coverage",
-                          },
-                          Object {
-                            "Header": "spray_effectiveness",
-                            "accessor": "spray_effectiveness",
-                          },
-                        ],
-                        "currentlyResizing": false,
-                        "data": Array [
-                          Object {
-                            "id": 4,
-                            "location": "HFC 1",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
-                          Object {
-                            "id": 5,
-                            "location": "HFC 2",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
-                        ],
-                        "defaultExpanded": Object {},
-                        "defaultFilterMethod": [Function],
-                        "defaultFiltered": Array [],
-                        "defaultPage": 0,
-                        "defaultPageSize": 20,
-                        "defaultResized": Array [],
-                        "defaultSortDesc": false,
-                        "defaultSortMethod": [Function],
-                        "defaultSorted": Array [],
-                        "endRow": 20,
-                        "expanded": Object {},
-                        "expanderDefaults": Object {
-                          "filterable": false,
-                          "resizable": false,
-                          "sortable": false,
-                          "width": 35,
-                        },
-                        "filterable": false,
-                        "filtered": Array [],
-                        "freezeWhenExpanded": false,
-                        "frozen": false,
-                        "getLoadingProps": [Function],
-                        "getNoDataProps": [Function],
-                        "getPaginationProps": [Function],
-                        "getProps": [Function],
-                        "getResizerProps": [Function],
-                        "getTableProps": [Function],
-                        "getTbodyProps": [Function],
-                        "getTdProps": [Function],
-                        "getTfootProps": [Function],
-                        "getTfootTdProps": [Function],
-                        "getTfootTrProps": [Function],
-                        "getTheadFilterProps": [Function],
-                        "getTheadFilterThProps": [Function],
-                        "getTheadFilterTrProps": [Function],
-                        "getTheadGroupProps": [Function],
-                        "getTheadGroupThProps": [Function],
-                        "getTheadGroupTrProps": [Function],
-                        "getTheadProps": [Function],
-                        "getTheadThProps": [Function],
-                        "getTheadTrProps": [Function],
-                        "getTrGroupProps": [Function],
-                        "getTrProps": [Function],
-                        "groupedByPivotKey": "_groupedByPivot",
-                        "hasColumnFooter": false,
-                        "hasHeaderGroups": false,
-                        "headerGroups": Array [],
-                        "identifierField": "id",
-                        "indexKey": "_index",
-                        "linkerField": "id",
-                        "loading": false,
-                        "loadingText": "Loading...",
-                        "minRows": 20,
-                        "multiSort": true,
-                        "nestingLevelKey": "_nestingLevel",
-                        "nextText": "Next",
-                        "noDataText": "No rows found",
-                        "ofText": "of",
-                        "onFetchData": [Function],
-                        "originalKey": "_original",
-                        "padRows": Array [
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                          18,
-                        ],
-                        "page": 0,
-                        "pageJumpText": "jump to page",
-                        "pageRows": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 4,
-                              "location": "HFC 1",
-                              "parent_id": 1,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
-                            "_subRows": undefined,
-                            "_viewIndex": 0,
-                            "id": 4,
-                            "location": "HFC 1",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
+                          }
+                        }
+                        page={0}
+                        pageSize={20}
+                        resized={Array []}
+                        row={
                           Object {
                             "_index": 1,
                             "_nestingLevel": 0,
                             "_original": Object {
-                              "id": 5,
-                              "location": "HFC 2",
-                              "parent_id": 1,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
+                              "id": 2,
+                              "location": "District B",
+                              "parent_id": null,
+                              "spray_coverage": "75%",
+                              "spray_effectiveness": "85%",
                             },
                             "_subRows": undefined,
                             "_viewIndex": 1,
-                            "id": 5,
-                            "location": "HFC 2",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
-                        ],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          5,
-                          10,
-                          20,
-                          25,
-                          50,
-                          100,
-                        ],
-                        "pageText": "Page",
-                        "pages": 1,
-                        "parentIdentifierField": "parent_id",
-                        "pivotDefaults": Object {},
-                        "pivotIDKey": "_pivotID",
-                        "pivotValKey": "_pivotVal",
-                        "previousText": "Previous",
-                        "resizable": true,
-                        "resized": Array [],
-                        "resolveData": [Function],
-                        "resolvedData": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 4,
-                              "location": "HFC 1",
-                              "parent_id": 1,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
-                            "_subRows": undefined,
-                            "id": 4,
-                            "location": "HFC 1",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
-                          Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 5,
-                              "location": "HFC 2",
-                              "parent_id": 1,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
-                            "_subRows": undefined,
-                            "id": 5,
-                            "location": "HFC 2",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
-                        ],
-                        "rootParentId": null,
-                        "rowMinWidth": 500,
-                        "rowsSelectorText": "rows per page",
-                        "rowsText": "rows",
-                        "showPageJump": true,
-                        "showPageSizeOptions": true,
-                        "showPagination": true,
-                        "showPaginationBottom": true,
-                        "showPaginationTop": false,
-                        "skipNextSort": false,
-                        "sortable": true,
-                        "sorted": Array [],
-                        "sortedData": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 4,
-                              "location": "HFC 1",
-                              "parent_id": 1,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
-                            "_subRows": undefined,
-                            "id": 4,
-                            "location": "HFC 1",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
-                          Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 5,
-                              "location": "HFC 2",
-                              "parent_id": 1,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
-                            "_subRows": undefined,
-                            "id": 5,
-                            "location": "HFC 2",
-                            "parent_id": 1,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
-                        ],
-                        "startRow": 0,
-                        "style": Object {},
-                        "subRowsKey": "_subRows",
-                        "useDrillDownTrProps": true,
-                      }
-                    }
-                  >
-                    <TdComponent
-                      className=""
-                      key="0-id"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
+                          }
                         }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
+                        show={true}
+                        styles={Object {}}
+                        tdProps={
                           Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
                           }
                         }
+                        value={2}
+                        viewIndex={1}
+                        width={100}
                       >
-                        <Component
-                          classes={
-                            Array [
-                              undefined,
-                              "",
-                              undefined,
-                            ]
-                          }
-                          column={
-                            Object {
-                              "Aggregated": undefined,
-                              "Cell": [Function],
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "id",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "id",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            }
-                          }
-                          columnProps={
-                            Object {
-                              "className": undefined,
-                              "rest": Object {},
-                              "style": undefined,
-                            }
-                          }
-                          index={1}
-                          level={0}
-                          nestingPath={
-                            Array [
-                              1,
-                            ]
-                          }
-                          original={
-                            Object {
-                              "id": 5,
-                              "location": "HFC 2",
-                              "parent_id": 1,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            }
-                          }
-                          page={0}
-                          pageSize={20}
-                          resized={Array []}
-                          row={
-                            Object {
-                              "_index": 1,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 5,
-                                "location": "HFC 2",
-                                "parent_id": 1,
-                                "spray_coverage": "80%",
-                                "spray_effectiveness": "80%",
-                              },
-                              "_subRows": undefined,
-                              "_viewIndex": 1,
-                              "id": 5,
-                              "location": "HFC 2",
-                              "parent_id": 1,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            }
-                          }
-                          show={true}
-                          styles={Object {}}
-                          tdProps={
-                            Object {
-                              "className": undefined,
-                              "rest": Object {},
-                              "style": undefined,
-                            }
-                          }
-                          value={5}
-                          viewIndex={1}
-                          width={100}
+                        <DropDownCell
+                          cellValue={2}
+                          hasChildren={true}
                         >
-                          <DropDownCell
-                            cellValue={5}
-                            hasChildren={true}
+                          <div
+                            className="dd-linker-item dd-clickable"
                           >
-                            <div
-                              className="dd-linker-item dd-clickable"
-                            >
-                              <span>
-                                5
-                                <span
-                                  className="dd-caret"
-                                >
-                                   ▼
-                                </span>
+                            <span>
+                              2
+                              <span
+                                className="dd-caret"
+                              >
+                                 ▼
                               </span>
-                            </div>
-                          </DropDownCell>
-                        </Component>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        HFC 2
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
+                            </span>
+                          </div>
+                        </DropDownCell>
+                      </Component>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        1
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                    }
+                  >
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -3548,158 +3787,25 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        80%
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
+                      District B
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        80%
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-0"
-            >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
-              >
-                <TrComponent
-                  className="-padRow -odd"
-                  style={Object {}}
-                >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -3707,164 +3813,24 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "width": "100px",
                         }
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
+                    />
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-1"
-            >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
-              >
-                <TrComponent
-                  className="-padRow -even"
-                  style={Object {}}
-                >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -3873,192 +3839,25 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
+                      75%
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-2"
-            >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
-              >
-                <TrComponent
-                  className="-padRow -odd"
-                  style={Object {}}
-                >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -4067,629 +3866,1579 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-3"
+                      85%
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="2"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
-              >
-                <TrComponent
-                  className="-padRow -even"
-                  style={Object {}}
-                >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
-                  >
-                    <TdComponent
-                      className=""
-                      key="0-id"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-4"
-            >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-odd"
+                onClick={[Function]}
+                row={
+                  Object {
+                    "AggregatedComponent": [Function],
+                    "CellComponent": [Function],
+                    "ExpanderComponent": [Function],
+                    "FilterComponent": [Function],
+                    "LoadingComponent": [Function],
+                    "NoDataComponent": [Function],
+                    "PadRowComponent": [Function],
+                    "PaginationComponent": [Function],
+                    "PivotValueComponent": [Function],
+                    "ResizerComponent": [Function],
+                    "TableComponent": [Function],
+                    "TbodyComponent": [Function],
+                    "TdComponent": [Function],
+                    "TfootComponent": [Function],
+                    "ThComponent": [Function],
+                    "TheadComponent": [Function],
+                    "TrComponent": [Function],
+                    "TrGroupComponent": [Function],
+                    "aggregatedKey": "_aggregated",
+                    "allDecoratedColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "allVisibleColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "canNext": false,
+                    "canPrevious": false,
+                    "className": "",
+                    "collapseOnDataChange": true,
+                    "collapseOnPageChange": true,
+                    "collapseOnSortingChange": true,
+                    "column": Object {
+                      "Aggregated": undefined,
+                      "Cell": undefined,
+                      "Expander": undefined,
+                      "Filter": undefined,
+                      "Footer": undefined,
+                      "Header": undefined,
+                      "Pivot": undefined,
+                      "PivotValue": undefined,
+                      "Placeholder": undefined,
+                      "aggregate": undefined,
+                      "className": "",
+                      "filterAll": false,
+                      "filterMethod": undefined,
+                      "filterable": undefined,
+                      "footerClassName": "",
+                      "footerStyle": Object {},
+                      "getFooterProps": [Function],
+                      "getHeaderProps": [Function],
+                      "getProps": [Function],
+                      "headerClassName": "",
+                      "headerStyle": Object {},
+                      "minResizeWidth": 11,
+                      "minWidth": 100,
+                      "resizable": undefined,
+                      "show": true,
+                      "sortMethod": undefined,
+                      "sortable": undefined,
+                      "style": Object {},
+                    },
+                    "columns": Array [
+                      Object {
+                        "Cell": [Function],
+                        "Header": "id",
+                        "accessor": "id",
+                      },
+                      Object {
+                        "Header": "location",
+                        "accessor": "location",
+                      },
+                      Object {
+                        "Header": "parent_id",
+                        "accessor": "parent_id",
+                      },
+                      Object {
+                        "Header": "spray_coverage",
+                        "accessor": "spray_coverage",
+                      },
+                      Object {
+                        "Header": "spray_effectiveness",
+                        "accessor": "spray_effectiveness",
+                      },
+                    ],
+                    "currentlyResizing": false,
+                    "data": Array [
+                      Object {
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "defaultExpanded": Object {},
+                    "defaultFilterMethod": [Function],
+                    "defaultFiltered": Array [],
+                    "defaultPage": 0,
+                    "defaultPageSize": 20,
+                    "defaultResized": Array [],
+                    "defaultSortDesc": false,
+                    "defaultSortMethod": [Function],
+                    "defaultSorted": Array [],
+                    "endRow": 20,
+                    "expanded": Object {},
+                    "expanderDefaults": Object {
+                      "filterable": false,
+                      "resizable": false,
+                      "sortable": false,
+                      "width": 35,
+                    },
+                    "filterable": false,
+                    "filtered": Array [],
+                    "freezeWhenExpanded": false,
+                    "frozen": false,
+                    "getLoadingProps": [Function],
+                    "getNoDataProps": [Function],
+                    "getPaginationProps": [Function],
+                    "getProps": [Function],
+                    "getResizerProps": [Function],
+                    "getTableProps": [Function],
+                    "getTbodyProps": [Function],
+                    "getTdProps": [Function],
+                    "getTfootProps": [Function],
+                    "getTfootTdProps": [Function],
+                    "getTfootTrProps": [Function],
+                    "getTheadFilterProps": [Function],
+                    "getTheadFilterThProps": [Function],
+                    "getTheadFilterTrProps": [Function],
+                    "getTheadGroupProps": [Function],
+                    "getTheadGroupThProps": [Function],
+                    "getTheadGroupTrProps": [Function],
+                    "getTheadProps": [Function],
+                    "getTheadThProps": [Function],
+                    "getTheadTrProps": [Function],
+                    "getTrGroupProps": [Function],
+                    "getTrProps": [Function],
+                    "groupedByPivotKey": "_groupedByPivot",
+                    "hasChildren": [Function],
+                    "hasColumnFooter": false,
+                    "hasHeaderGroups": false,
+                    "headerGroups": Array [],
+                    "identifierField": "id",
+                    "indexKey": "_index",
+                    "linkerField": "id",
+                    "loading": false,
+                    "loadingText": "Loading...",
+                    "minRows": 20,
+                    "multiSort": true,
+                    "nestingLevelKey": "_nestingLevel",
+                    "nextText": "Next",
+                    "noDataText": "No rows found",
+                    "ofText": "of",
+                    "onFetchData": [Function],
+                    "originalKey": "_original",
+                    "padRows": Array [
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                    ],
+                    "page": 0,
+                    "pageJumpText": "jump to page",
+                    "pageRows": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 0,
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 1,
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 2,
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 3,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 3,
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "pageSize": 20,
+                    "pageSizeOptions": Array [
+                      5,
+                      10,
+                      20,
+                      25,
+                      50,
+                      100,
+                    ],
+                    "pageText": "Page",
+                    "pages": 1,
+                    "parentIdentifierField": "parent_id",
+                    "pivotDefaults": Object {},
+                    "pivotIDKey": "_pivotID",
+                    "pivotValKey": "_pivotVal",
+                    "previousText": "Previous",
+                    "resizable": true,
+                    "resized": Array [],
+                    "resolveData": [Function],
+                    "resolvedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        "_subRows": undefined,
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 3,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                        "_subRows": undefined,
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "rootParentId": null,
+                    "rowMinWidth": 500,
+                    "rowsSelectorText": "rows per page",
+                    "rowsText": "rows",
+                    "showPageJump": true,
+                    "showPageSizeOptions": true,
+                    "showPagination": true,
+                    "showPaginationBottom": true,
+                    "showPaginationTop": false,
+                    "skipNextSort": false,
+                    "sortable": true,
+                    "sorted": Array [],
+                    "sortedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        "_subRows": undefined,
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 3,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                        "_subRows": undefined,
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "startRow": 0,
+                    "style": Object {},
+                    "subRowsKey": "_subRows",
+                    "useDrillDownTrProps": true,
+                  }
+                }
               >
-                <TrComponent
-                  className="-padRow -odd"
-                  style={Object {}}
-                >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
-                  >
-                    <TdComponent
-                      className=""
-                      key="0-id"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
-                      style={
+                <div
+                  className="rt-tr -odd"
+                  onClick={[Function]}
+                  role="row"
+                  row={
+                    Object {
+                      "AggregatedComponent": [Function],
+                      "CellComponent": [Function],
+                      "ExpanderComponent": [Function],
+                      "FilterComponent": [Function],
+                      "LoadingComponent": [Function],
+                      "NoDataComponent": [Function],
+                      "PadRowComponent": [Function],
+                      "PaginationComponent": [Function],
+                      "PivotValueComponent": [Function],
+                      "ResizerComponent": [Function],
+                      "TableComponent": [Function],
+                      "TbodyComponent": [Function],
+                      "TdComponent": [Function],
+                      "TfootComponent": [Function],
+                      "ThComponent": [Function],
+                      "TheadComponent": [Function],
+                      "TrComponent": [Function],
+                      "TrGroupComponent": [Function],
+                      "aggregatedKey": "_aggregated",
+                      "allDecoratedColumns": Array [
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": [Function],
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "location",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "location",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "parent_id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "parent_id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-5"
-            >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
-              >
-                <TrComponent
-                  className="-padRow -even"
-                  style={Object {}}
-                >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
-                  >
-                    <TdComponent
-                      className=""
-                      key="0-id"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_coverage",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_coverage",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_effectiveness",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_effectiveness",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                      ],
+                      "allVisibleColumns": Array [
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": [Function],
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "location",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "location",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "parent_id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "parent_id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-6"
-            >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
-              >
-                <TrComponent
-                  className="-padRow -odd"
-                  style={Object {}}
-                >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
-                  >
-                    <TdComponent
-                      className=""
-                      key="0-id"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_coverage",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_coverage",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_effectiveness",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_effectiveness",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                      ],
+                      "canNext": false,
+                      "canPrevious": false,
+                      "className": "",
+                      "collapseOnDataChange": true,
+                      "collapseOnPageChange": true,
+                      "collapseOnSortingChange": true,
+                      "column": Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": undefined,
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      "columns": Array [
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
-                      style={
+                          "Cell": [Function],
+                          "Header": "id",
+                          "accessor": "id",
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                          "Header": "location",
+                          "accessor": "location",
+                        },
+                        Object {
+                          "Header": "parent_id",
+                          "accessor": "parent_id",
+                        },
+                        Object {
+                          "Header": "spray_coverage",
+                          "accessor": "spray_coverage",
+                        },
+                        Object {
+                          "Header": "spray_effectiveness",
+                          "accessor": "spray_effectiveness",
+                        },
+                      ],
+                      "currentlyResizing": false,
+                      "data": Array [
+                        Object {
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                      ],
+                      "defaultExpanded": Object {},
+                      "defaultFilterMethod": [Function],
+                      "defaultFiltered": Array [],
+                      "defaultPage": 0,
+                      "defaultPageSize": 20,
+                      "defaultResized": Array [],
+                      "defaultSortDesc": false,
+                      "defaultSortMethod": [Function],
+                      "defaultSorted": Array [],
+                      "endRow": 20,
+                      "expanded": Object {},
+                      "expanderDefaults": Object {
+                        "filterable": false,
+                        "resizable": false,
+                        "sortable": false,
+                        "width": 35,
+                      },
+                      "filterable": false,
+                      "filtered": Array [],
+                      "freezeWhenExpanded": false,
+                      "frozen": false,
+                      "getLoadingProps": [Function],
+                      "getNoDataProps": [Function],
+                      "getPaginationProps": [Function],
+                      "getProps": [Function],
+                      "getResizerProps": [Function],
+                      "getTableProps": [Function],
+                      "getTbodyProps": [Function],
+                      "getTdProps": [Function],
+                      "getTfootProps": [Function],
+                      "getTfootTdProps": [Function],
+                      "getTfootTrProps": [Function],
+                      "getTheadFilterProps": [Function],
+                      "getTheadFilterThProps": [Function],
+                      "getTheadFilterTrProps": [Function],
+                      "getTheadGroupProps": [Function],
+                      "getTheadGroupThProps": [Function],
+                      "getTheadGroupTrProps": [Function],
+                      "getTheadProps": [Function],
+                      "getTheadThProps": [Function],
+                      "getTheadTrProps": [Function],
+                      "getTrGroupProps": [Function],
+                      "getTrProps": [Function],
+                      "groupedByPivotKey": "_groupedByPivot",
+                      "hasChildren": [Function],
+                      "hasColumnFooter": false,
+                      "hasHeaderGroups": false,
+                      "headerGroups": Array [],
+                      "identifierField": "id",
+                      "indexKey": "_index",
+                      "linkerField": "id",
+                      "loading": false,
+                      "loadingText": "Loading...",
+                      "minRows": 20,
+                      "multiSort": true,
+                      "nestingLevelKey": "_nestingLevel",
+                      "nextText": "Next",
+                      "noDataText": "No rows found",
+                      "ofText": "of",
+                      "onFetchData": [Function],
+                      "originalKey": "_original",
+                      "padRows": Array [
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                      ],
+                      "page": 0,
+                      "pageJumpText": "jump to page",
+                      "pageRows": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          "_subRows": undefined,
+                          "_viewIndex": 0,
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
+                          },
+                          "_subRows": undefined,
+                          "_viewIndex": 1,
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          "_subRows": undefined,
+                          "_viewIndex": 2,
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 3,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                          "_subRows": undefined,
+                          "_viewIndex": 3,
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                      ],
+                      "pageSize": 20,
+                      "pageSizeOptions": Array [
+                        5,
+                        10,
+                        20,
+                        25,
+                        50,
+                        100,
+                      ],
+                      "pageText": "Page",
+                      "pages": 1,
+                      "parentIdentifierField": "parent_id",
+                      "pivotDefaults": Object {},
+                      "pivotIDKey": "_pivotID",
+                      "pivotValKey": "_pivotVal",
+                      "previousText": "Previous",
+                      "resizable": true,
+                      "resized": Array [],
+                      "resolveData": [Function],
+                      "resolvedData": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          "_subRows": undefined,
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
+                          },
+                          "_subRows": undefined,
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          "_subRows": undefined,
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 3,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                          "_subRows": undefined,
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                      ],
+                      "rootParentId": null,
+                      "rowMinWidth": 500,
+                      "rowsSelectorText": "rows per page",
+                      "rowsText": "rows",
+                      "showPageJump": true,
+                      "showPageSizeOptions": true,
+                      "showPagination": true,
+                      "showPaginationBottom": true,
+                      "showPaginationTop": false,
+                      "skipNextSort": false,
+                      "sortable": true,
+                      "sorted": Array [],
+                      "sortedData": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          "_subRows": undefined,
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
+                          },
+                          "_subRows": undefined,
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          "_subRows": undefined,
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 3,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                          "_subRows": undefined,
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                      ],
+                      "startRow": 0,
+                      "style": Object {},
+                      "subRowsKey": "_subRows",
+                      "useDrillDownTrProps": true,
+                    }
+                  }
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -4698,105 +5447,143 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
+                      <Component
+                        classes={
+                          Array [
+                            undefined,
+                            "",
+                            undefined,
+                          ]
+                        }
+                        column={
                           Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
+                            "Aggregated": undefined,
+                            "Cell": [Function],
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
                           }
                         }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
+                        columnProps={
+                          Object {
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
+                          }
                         }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
+                        index={2}
+                        level={0}
+                        nestingPath={
+                          Array [
+                            2,
+                          ]
+                        }
+                        original={
                           Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
                           }
                         }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-7"
-            >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
-              >
-                <TrComponent
-                  className="-padRow -even"
-                  style={Object {}}
-                >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
-                  >
-                    <TdComponent
-                      className=""
-                      key="0-id"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
+                        page={0}
+                        pageSize={20}
+                        resized={Array []}
+                        row={
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 3,
+                              "location": "District C",
+                              "parent_id": null,
+                              "spray_coverage": "90%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 2,
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          }
                         }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
+                        show={true}
+                        styles={Object {}}
+                        tdProps={
                           Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
                           }
                         }
+                        value={3}
+                        viewIndex={2}
+                        width={100}
                       >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                        <DropDownCell
+                          cellValue={3}
+                          hasChildren={true}
+                        >
+                          <div
+                            className="dd-linker-item dd-clickable"
+                          >
+                            <span>
+                              3
+                              <span
+                                className="dd-caret"
+                              >
+                                 ▼
+                              </span>
+                            </span>
+                          </div>
+                        </DropDownCell>
+                      </Component>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -4805,27 +5592,25 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      District C
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -4833,28 +5618,24 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "width": "100px",
                         }
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                    />
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -4863,27 +5644,25 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      90%
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -4892,542 +5671,1579 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-8"
+                      90%
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="3"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-even"
+                onClick={[Function]}
+                row={
+                  Object {
+                    "AggregatedComponent": [Function],
+                    "CellComponent": [Function],
+                    "ExpanderComponent": [Function],
+                    "FilterComponent": [Function],
+                    "LoadingComponent": [Function],
+                    "NoDataComponent": [Function],
+                    "PadRowComponent": [Function],
+                    "PaginationComponent": [Function],
+                    "PivotValueComponent": [Function],
+                    "ResizerComponent": [Function],
+                    "TableComponent": [Function],
+                    "TbodyComponent": [Function],
+                    "TdComponent": [Function],
+                    "TfootComponent": [Function],
+                    "ThComponent": [Function],
+                    "TheadComponent": [Function],
+                    "TrComponent": [Function],
+                    "TrGroupComponent": [Function],
+                    "aggregatedKey": "_aggregated",
+                    "allDecoratedColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "allVisibleColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "canNext": false,
+                    "canPrevious": false,
+                    "className": "",
+                    "collapseOnDataChange": true,
+                    "collapseOnPageChange": true,
+                    "collapseOnSortingChange": true,
+                    "column": Object {
+                      "Aggregated": undefined,
+                      "Cell": undefined,
+                      "Expander": undefined,
+                      "Filter": undefined,
+                      "Footer": undefined,
+                      "Header": undefined,
+                      "Pivot": undefined,
+                      "PivotValue": undefined,
+                      "Placeholder": undefined,
+                      "aggregate": undefined,
+                      "className": "",
+                      "filterAll": false,
+                      "filterMethod": undefined,
+                      "filterable": undefined,
+                      "footerClassName": "",
+                      "footerStyle": Object {},
+                      "getFooterProps": [Function],
+                      "getHeaderProps": [Function],
+                      "getProps": [Function],
+                      "headerClassName": "",
+                      "headerStyle": Object {},
+                      "minResizeWidth": 11,
+                      "minWidth": 100,
+                      "resizable": undefined,
+                      "show": true,
+                      "sortMethod": undefined,
+                      "sortable": undefined,
+                      "style": Object {},
+                    },
+                    "columns": Array [
+                      Object {
+                        "Cell": [Function],
+                        "Header": "id",
+                        "accessor": "id",
+                      },
+                      Object {
+                        "Header": "location",
+                        "accessor": "location",
+                      },
+                      Object {
+                        "Header": "parent_id",
+                        "accessor": "parent_id",
+                      },
+                      Object {
+                        "Header": "spray_coverage",
+                        "accessor": "spray_coverage",
+                      },
+                      Object {
+                        "Header": "spray_effectiveness",
+                        "accessor": "spray_effectiveness",
+                      },
+                    ],
+                    "currentlyResizing": false,
+                    "data": Array [
+                      Object {
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "defaultExpanded": Object {},
+                    "defaultFilterMethod": [Function],
+                    "defaultFiltered": Array [],
+                    "defaultPage": 0,
+                    "defaultPageSize": 20,
+                    "defaultResized": Array [],
+                    "defaultSortDesc": false,
+                    "defaultSortMethod": [Function],
+                    "defaultSorted": Array [],
+                    "endRow": 20,
+                    "expanded": Object {},
+                    "expanderDefaults": Object {
+                      "filterable": false,
+                      "resizable": false,
+                      "sortable": false,
+                      "width": 35,
+                    },
+                    "filterable": false,
+                    "filtered": Array [],
+                    "freezeWhenExpanded": false,
+                    "frozen": false,
+                    "getLoadingProps": [Function],
+                    "getNoDataProps": [Function],
+                    "getPaginationProps": [Function],
+                    "getProps": [Function],
+                    "getResizerProps": [Function],
+                    "getTableProps": [Function],
+                    "getTbodyProps": [Function],
+                    "getTdProps": [Function],
+                    "getTfootProps": [Function],
+                    "getTfootTdProps": [Function],
+                    "getTfootTrProps": [Function],
+                    "getTheadFilterProps": [Function],
+                    "getTheadFilterThProps": [Function],
+                    "getTheadFilterTrProps": [Function],
+                    "getTheadGroupProps": [Function],
+                    "getTheadGroupThProps": [Function],
+                    "getTheadGroupTrProps": [Function],
+                    "getTheadProps": [Function],
+                    "getTheadThProps": [Function],
+                    "getTheadTrProps": [Function],
+                    "getTrGroupProps": [Function],
+                    "getTrProps": [Function],
+                    "groupedByPivotKey": "_groupedByPivot",
+                    "hasChildren": [Function],
+                    "hasColumnFooter": false,
+                    "hasHeaderGroups": false,
+                    "headerGroups": Array [],
+                    "identifierField": "id",
+                    "indexKey": "_index",
+                    "linkerField": "id",
+                    "loading": false,
+                    "loadingText": "Loading...",
+                    "minRows": 20,
+                    "multiSort": true,
+                    "nestingLevelKey": "_nestingLevel",
+                    "nextText": "Next",
+                    "noDataText": "No rows found",
+                    "ofText": "of",
+                    "onFetchData": [Function],
+                    "originalKey": "_original",
+                    "padRows": Array [
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                      16,
+                    ],
+                    "page": 0,
+                    "pageJumpText": "jump to page",
+                    "pageRows": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 0,
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 1,
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 2,
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 3,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 3,
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "pageSize": 20,
+                    "pageSizeOptions": Array [
+                      5,
+                      10,
+                      20,
+                      25,
+                      50,
+                      100,
+                    ],
+                    "pageText": "Page",
+                    "pages": 1,
+                    "parentIdentifierField": "parent_id",
+                    "pivotDefaults": Object {},
+                    "pivotIDKey": "_pivotID",
+                    "pivotValKey": "_pivotVal",
+                    "previousText": "Previous",
+                    "resizable": true,
+                    "resized": Array [],
+                    "resolveData": [Function],
+                    "resolvedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        "_subRows": undefined,
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 3,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                        "_subRows": undefined,
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "rootParentId": null,
+                    "rowMinWidth": 500,
+                    "rowsSelectorText": "rows per page",
+                    "rowsText": "rows",
+                    "showPageJump": true,
+                    "showPageSizeOptions": true,
+                    "showPagination": true,
+                    "showPaginationBottom": true,
+                    "showPaginationTop": false,
+                    "skipNextSort": false,
+                    "sortable": true,
+                    "sorted": Array [],
+                    "sortedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 1,
+                        "location": "District A",
+                        "parent_id": null,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        "_subRows": undefined,
+                        "id": 2,
+                        "location": "District B",
+                        "parent_id": null,
+                        "spray_coverage": "75%",
+                        "spray_effectiveness": "85%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "id": 3,
+                        "location": "District C",
+                        "parent_id": null,
+                        "spray_coverage": "90%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 3,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                        "_subRows": undefined,
+                        "id": 18,
+                        "location": "District D",
+                        "parent_id": null,
+                        "spray_coverage": "0%",
+                        "spray_effectiveness": "0%",
+                      },
+                    ],
+                    "startRow": 0,
+                    "style": Object {},
+                    "subRowsKey": "_subRows",
+                    "useDrillDownTrProps": true,
+                  }
+                }
               >
-                <TrComponent
-                  className="-padRow -odd"
-                  style={Object {}}
-                >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
-                  >
-                    <TdComponent
-                      className=""
-                      key="0-id"
-                      style={
+                <div
+                  className="rt-tr -even"
+                  onClick={[Function]}
+                  role="row"
+                  row={
+                    Object {
+                      "AggregatedComponent": [Function],
+                      "CellComponent": [Function],
+                      "ExpanderComponent": [Function],
+                      "FilterComponent": [Function],
+                      "LoadingComponent": [Function],
+                      "NoDataComponent": [Function],
+                      "PadRowComponent": [Function],
+                      "PaginationComponent": [Function],
+                      "PivotValueComponent": [Function],
+                      "ResizerComponent": [Function],
+                      "TableComponent": [Function],
+                      "TbodyComponent": [Function],
+                      "TdComponent": [Function],
+                      "TfootComponent": [Function],
+                      "ThComponent": [Function],
+                      "TheadComponent": [Function],
+                      "TrComponent": [Function],
+                      "TrGroupComponent": [Function],
+                      "aggregatedKey": "_aggregated",
+                      "allDecoratedColumns": Array [
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": [Function],
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "location",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "location",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "parent_id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "parent_id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_coverage",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_coverage",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-9"
-            >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
-              >
-                <TrComponent
-                  className="-padRow -even"
-                  style={Object {}}
-                >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
-                  >
-                    <TdComponent
-                      className=""
-                      key="0-id"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_effectiveness",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_effectiveness",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                      ],
+                      "allVisibleColumns": Array [
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": [Function],
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "location",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "location",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "parent_id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "parent_id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_coverage",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_coverage",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-10"
-            >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
-              >
-                <TrComponent
-                  className="-padRow -odd"
-                  style={Object {}}
-                >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
-                  >
-                    <TdComponent
-                      className=""
-                      key="0-id"
-                      style={
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_effectiveness",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_effectiveness",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                      ],
+                      "canNext": false,
+                      "canPrevious": false,
+                      "className": "",
+                      "collapseOnDataChange": true,
+                      "collapseOnPageChange": true,
+                      "collapseOnSortingChange": true,
+                      "column": Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": undefined,
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      "columns": Array [
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
-                      style={
+                          "Cell": [Function],
+                          "Header": "id",
+                          "accessor": "id",
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
-                      style={
+                          "Header": "location",
+                          "accessor": "location",
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
-                      style={
+                          "Header": "parent_id",
+                          "accessor": "parent_id",
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
-                      style={
+                          "Header": "spray_coverage",
+                          "accessor": "spray_coverage",
+                        },
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-11"
-            >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
-              >
-                <TrComponent
-                  className="-padRow -even"
-                  style={Object {}}
+                          "Header": "spray_effectiveness",
+                          "accessor": "spray_effectiveness",
+                        },
+                      ],
+                      "currentlyResizing": false,
+                      "data": Array [
+                        Object {
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                      ],
+                      "defaultExpanded": Object {},
+                      "defaultFilterMethod": [Function],
+                      "defaultFiltered": Array [],
+                      "defaultPage": 0,
+                      "defaultPageSize": 20,
+                      "defaultResized": Array [],
+                      "defaultSortDesc": false,
+                      "defaultSortMethod": [Function],
+                      "defaultSorted": Array [],
+                      "endRow": 20,
+                      "expanded": Object {},
+                      "expanderDefaults": Object {
+                        "filterable": false,
+                        "resizable": false,
+                        "sortable": false,
+                        "width": 35,
+                      },
+                      "filterable": false,
+                      "filtered": Array [],
+                      "freezeWhenExpanded": false,
+                      "frozen": false,
+                      "getLoadingProps": [Function],
+                      "getNoDataProps": [Function],
+                      "getPaginationProps": [Function],
+                      "getProps": [Function],
+                      "getResizerProps": [Function],
+                      "getTableProps": [Function],
+                      "getTbodyProps": [Function],
+                      "getTdProps": [Function],
+                      "getTfootProps": [Function],
+                      "getTfootTdProps": [Function],
+                      "getTfootTrProps": [Function],
+                      "getTheadFilterProps": [Function],
+                      "getTheadFilterThProps": [Function],
+                      "getTheadFilterTrProps": [Function],
+                      "getTheadGroupProps": [Function],
+                      "getTheadGroupThProps": [Function],
+                      "getTheadGroupTrProps": [Function],
+                      "getTheadProps": [Function],
+                      "getTheadThProps": [Function],
+                      "getTheadTrProps": [Function],
+                      "getTrGroupProps": [Function],
+                      "getTrProps": [Function],
+                      "groupedByPivotKey": "_groupedByPivot",
+                      "hasChildren": [Function],
+                      "hasColumnFooter": false,
+                      "hasHeaderGroups": false,
+                      "headerGroups": Array [],
+                      "identifierField": "id",
+                      "indexKey": "_index",
+                      "linkerField": "id",
+                      "loading": false,
+                      "loadingText": "Loading...",
+                      "minRows": 20,
+                      "multiSort": true,
+                      "nestingLevelKey": "_nestingLevel",
+                      "nextText": "Next",
+                      "noDataText": "No rows found",
+                      "ofText": "of",
+                      "onFetchData": [Function],
+                      "originalKey": "_original",
+                      "padRows": Array [
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                        16,
+                      ],
+                      "page": 0,
+                      "pageJumpText": "jump to page",
+                      "pageRows": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          "_subRows": undefined,
+                          "_viewIndex": 0,
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
+                          },
+                          "_subRows": undefined,
+                          "_viewIndex": 1,
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          "_subRows": undefined,
+                          "_viewIndex": 2,
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 3,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                          "_subRows": undefined,
+                          "_viewIndex": 3,
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                      ],
+                      "pageSize": 20,
+                      "pageSizeOptions": Array [
+                        5,
+                        10,
+                        20,
+                        25,
+                        50,
+                        100,
+                      ],
+                      "pageText": "Page",
+                      "pages": 1,
+                      "parentIdentifierField": "parent_id",
+                      "pivotDefaults": Object {},
+                      "pivotIDKey": "_pivotID",
+                      "pivotValKey": "_pivotVal",
+                      "previousText": "Previous",
+                      "resizable": true,
+                      "resized": Array [],
+                      "resolveData": [Function],
+                      "resolvedData": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          "_subRows": undefined,
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
+                          },
+                          "_subRows": undefined,
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          "_subRows": undefined,
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 3,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                          "_subRows": undefined,
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                      ],
+                      "rootParentId": null,
+                      "rowMinWidth": 500,
+                      "rowsSelectorText": "rows per page",
+                      "rowsText": "rows",
+                      "showPageJump": true,
+                      "showPageSizeOptions": true,
+                      "showPagination": true,
+                      "showPaginationBottom": true,
+                      "showPaginationTop": false,
+                      "skipNextSort": false,
+                      "sortable": true,
+                      "sorted": Array [],
+                      "sortedData": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          "_subRows": undefined,
+                          "id": 1,
+                          "location": "District A",
+                          "parent_id": null,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
+                          },
+                          "_subRows": undefined,
+                          "id": 2,
+                          "location": "District B",
+                          "parent_id": null,
+                          "spray_coverage": "75%",
+                          "spray_effectiveness": "85%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          "_subRows": undefined,
+                          "id": 3,
+                          "location": "District C",
+                          "parent_id": null,
+                          "spray_coverage": "90%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 3,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                          "_subRows": undefined,
+                          "id": 18,
+                          "location": "District D",
+                          "parent_id": null,
+                          "spray_coverage": "0%",
+                          "spray_effectiveness": "0%",
+                        },
+                      ],
+                      "startRow": 0,
+                      "style": Object {},
+                      "subRowsKey": "_subRows",
+                      "useDrillDownTrProps": true,
+                    }
+                  }
                 >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5436,27 +7252,138 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
+                      <Component
+                        classes={
+                          Array [
+                            undefined,
+                            "",
+                            undefined,
+                          ]
+                        }
+                        column={
                           Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
+                            "Aggregated": undefined,
+                            "Cell": [Function],
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          }
+                        }
+                        columnProps={
+                          Object {
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
+                          }
+                        }
+                        index={3}
+                        level={0}
+                        nestingPath={
+                          Array [
+                            3,
+                          ]
+                        }
+                        original={
+                          Object {
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          }
+                        }
+                        page={0}
+                        pageSize={20}
+                        resized={Array []}
+                        row={
+                          Object {
+                            "_index": 3,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 18,
+                              "location": "District D",
+                              "parent_id": null,
+                              "spray_coverage": "0%",
+                              "spray_effectiveness": "0%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 3,
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          }
+                        }
+                        show={true}
+                        styles={Object {}}
+                        tdProps={
+                          Object {
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
                           }
                         }
+                        value={18}
+                        viewIndex={3}
+                        width={100}
                       >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                        <DropDownCell
+                          cellValue={18}
+                          hasChildren={false}
+                        >
+                          <div
+                            className="dd-linker-item"
+                          >
+                            <span>
+                              18
+                            </span>
+                          </div>
+                        </DropDownCell>
+                      </Component>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5465,27 +7392,25 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      District D
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5493,28 +7418,24 @@ exports[`DrillDownTable click to drill down works 1`] = `
                           "width": "100px",
                         }
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                    />
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5523,27 +7444,25 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      0%
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5552,47 +7471,43 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-12"
+                      0%
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-0"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -odd"
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5601,27 +7516,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5630,27 +7545,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5659,27 +7574,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5688,27 +7603,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5717,47 +7632,47 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-13"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-1"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -even"
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5766,27 +7681,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5795,27 +7710,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5824,27 +7739,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5853,27 +7768,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5882,47 +7797,47 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-14"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-2"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -odd"
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5931,27 +7846,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5960,27 +7875,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -5989,27 +7904,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6018,27 +7933,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6047,47 +7962,47 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-15"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-3"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -even"
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6096,27 +8011,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6125,27 +8040,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6154,27 +8069,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6183,27 +8098,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6212,47 +8127,47 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-16"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-4"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -odd"
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6261,27 +8176,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6290,27 +8205,27 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6319,27 +8234,56 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
                         }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6348,27 +8292,76 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-5"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
                         }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6377,47 +8370,134 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
                         }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-17"
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-6"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -even"
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6426,27 +8506,56 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
                         }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6455,27 +8564,56 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
                         }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6484,27 +8622,76 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-7"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
                         }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6513,27 +8700,56 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
                         }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -6542,1020 +8758,65 @@ exports[`DrillDownTable click to drill down works 1`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
                         }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-          </div>
-        </Tbody>
-      </div>
-    </TableComponent>
-    <div
-      className="pagination-bottom"
-    >
-      <ReactTablePagination
-        AggregatedComponent={[Function]}
-        CellComponent={[Function]}
-        ExpanderComponent={[Function]}
-        FilterComponent={[Function]}
-        LoadingComponent={[Function]}
-        NextComponent={[Function]}
-        NoDataComponent={[Function]}
-        PadRowComponent={[Function]}
-        PaginationComponent={[Function]}
-        PivotValueComponent={[Function]}
-        PreviousComponent={[Function]}
-        ResizerComponent={[Function]}
-        TableComponent={[Function]}
-        TbodyComponent={[Function]}
-        TdComponent={[Function]}
-        TfootComponent={[Function]}
-        ThComponent={[Function]}
-        TheadComponent={[Function]}
-        TrComponent={[Function]}
-        TrGroupComponent={[Function]}
-        aggregatedKey="_aggregated"
-        allDecoratedColumns={
-          Array [
-            Object {
-              "Aggregated": undefined,
-              "Cell": [Function],
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "id",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "id",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "location",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "location",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "parent_id",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "parent_id",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "spray_coverage",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "spray_coverage",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "spray_effectiveness",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "spray_effectiveness",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-          ]
-        }
-        allVisibleColumns={
-          Array [
-            Object {
-              "Aggregated": undefined,
-              "Cell": [Function],
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "id",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "id",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "location",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "location",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "parent_id",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "parent_id",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "spray_coverage",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "spray_coverage",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "spray_effectiveness",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "spray_effectiveness",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-          ]
-        }
-        canNext={false}
-        canPrevious={false}
-        collapseOnDataChange={true}
-        collapseOnPageChange={true}
-        collapseOnSortingChange={true}
-        column={
-          Object {
-            "Aggregated": undefined,
-            "Cell": undefined,
-            "Expander": undefined,
-            "Filter": undefined,
-            "Footer": undefined,
-            "Header": undefined,
-            "Pivot": undefined,
-            "PivotValue": undefined,
-            "Placeholder": undefined,
-            "aggregate": undefined,
-            "className": "",
-            "filterAll": false,
-            "filterMethod": undefined,
-            "filterable": undefined,
-            "footerClassName": "",
-            "footerStyle": Object {},
-            "getFooterProps": [Function],
-            "getHeaderProps": [Function],
-            "getProps": [Function],
-            "headerClassName": "",
-            "headerStyle": Object {},
-            "minResizeWidth": 11,
-            "minWidth": 100,
-            "resizable": undefined,
-            "show": true,
-            "sortMethod": undefined,
-            "sortable": undefined,
-            "style": Object {},
-          }
-        }
-        columns={
-          Array [
-            Object {
-              "Cell": [Function],
-              "Header": "id",
-              "accessor": "id",
-            },
-            Object {
-              "Header": "location",
-              "accessor": "location",
-            },
-            Object {
-              "Header": "parent_id",
-              "accessor": "parent_id",
-            },
-            Object {
-              "Header": "spray_coverage",
-              "accessor": "spray_coverage",
-            },
-            Object {
-              "Header": "spray_effectiveness",
-              "accessor": "spray_effectiveness",
-            },
-          ]
-        }
-        currentlyResizing={false}
-        data={
-          Array [
-            Object {
-              "id": 4,
-              "location": "HFC 1",
-              "parent_id": 1,
-              "spray_coverage": "80%",
-              "spray_effectiveness": "80%",
-            },
-            Object {
-              "id": 5,
-              "location": "HFC 2",
-              "parent_id": 1,
-              "spray_coverage": "80%",
-              "spray_effectiveness": "80%",
-            },
-          ]
-        }
-        defaultExpanded={Object {}}
-        defaultFilterMethod={[Function]}
-        defaultFiltered={Array []}
-        defaultPage={0}
-        defaultPageSize={20}
-        defaultResized={Array []}
-        defaultSortDesc={false}
-        defaultSortMethod={[Function]}
-        defaultSorted={Array []}
-        expanded={Object {}}
-        expanderDefaults={
-          Object {
-            "filterable": false,
-            "resizable": false,
-            "sortable": false,
-            "width": 35,
-          }
-        }
-        filterable={false}
-        filtered={Array []}
-        freezeWhenExpanded={false}
-        frozen={false}
-        getLoadingProps={[Function]}
-        getNoDataProps={[Function]}
-        getPaginationProps={[Function]}
-        getProps={[Function]}
-        getResizerProps={[Function]}
-        getTableProps={[Function]}
-        getTbodyProps={[Function]}
-        getTdProps={[Function]}
-        getTfootProps={[Function]}
-        getTfootTdProps={[Function]}
-        getTfootTrProps={[Function]}
-        getTheadFilterProps={[Function]}
-        getTheadFilterThProps={[Function]}
-        getTheadFilterTrProps={[Function]}
-        getTheadGroupProps={[Function]}
-        getTheadGroupThProps={[Function]}
-        getTheadGroupTrProps={[Function]}
-        getTheadProps={[Function]}
-        getTheadThProps={[Function]}
-        getTheadTrProps={[Function]}
-        getTrGroupProps={[Function]}
-        getTrProps={[Function]}
-        groupedByPivotKey="_groupedByPivot"
-        hasHeaderGroups={false}
-        headerGroups={Array []}
-        identifierField="id"
-        indexKey="_index"
-        isTop={false}
-        linkerField="id"
-        loading={false}
-        loadingText="Loading..."
-        multiSort={true}
-        nestingLevelKey="_nestingLevel"
-        nextText="Next"
-        noDataText="No rows found"
-        ofText="of"
-        onFetchData={[Function]}
-        onPageChange={[Function]}
-        onPageSizeChange={[Function]}
-        originalKey="_original"
-        page={0}
-        pageJumpText="jump to page"
-        pageSize={20}
-        pageSizeOptions={
-          Array [
-            5,
-            10,
-            20,
-            25,
-            50,
-            100,
-          ]
-        }
-        pageText="Page"
-        pages={1}
-        parentIdentifierField="parent_id"
-        pivotDefaults={Object {}}
-        pivotIDKey="_pivotID"
-        pivotValKey="_pivotVal"
-        previousText="Previous"
-        renderCurrentPage={[Function]}
-        renderPageJump={[Function]}
-        renderPageSizeOptions={[Function]}
-        renderTotalPagesCount={[Function]}
-        resizable={true}
-        resized={Array []}
-        resolveData={[Function]}
-        resolvedData={
-          Array [
-            Object {
-              "_index": 0,
-              "_nestingLevel": 0,
-              "_original": Object {
-                "id": 4,
-                "location": "HFC 1",
-                "parent_id": 1,
-                "spray_coverage": "80%",
-                "spray_effectiveness": "80%",
-              },
-              "_subRows": undefined,
-              "id": 4,
-              "location": "HFC 1",
-              "parent_id": 1,
-              "spray_coverage": "80%",
-              "spray_effectiveness": "80%",
-            },
-            Object {
-              "_index": 1,
-              "_nestingLevel": 0,
-              "_original": Object {
-                "id": 5,
-                "location": "HFC 2",
-                "parent_id": 1,
-                "spray_coverage": "80%",
-                "spray_effectiveness": "80%",
-              },
-              "_subRows": undefined,
-              "id": 5,
-              "location": "HFC 2",
-              "parent_id": 1,
-              "spray_coverage": "80%",
-              "spray_effectiveness": "80%",
-            },
-          ]
-        }
-        rootParentId={null}
-        rowsSelectorText="rows per page"
-        rowsText="rows"
-        showPageJump={true}
-        showPageSizeOptions={true}
-        showPagination={true}
-        showPaginationBottom={true}
-        showPaginationTop={false}
-        skipNextSort={false}
-        sortable={true}
-        sorted={Array []}
-        sortedData={
-          Array [
-            Object {
-              "_index": 0,
-              "_nestingLevel": 0,
-              "_original": Object {
-                "id": 4,
-                "location": "HFC 1",
-                "parent_id": 1,
-                "spray_coverage": "80%",
-                "spray_effectiveness": "80%",
-              },
-              "_subRows": undefined,
-              "id": 4,
-              "location": "HFC 1",
-              "parent_id": 1,
-              "spray_coverage": "80%",
-              "spray_effectiveness": "80%",
-            },
-            Object {
-              "_index": 1,
-              "_nestingLevel": 0,
-              "_original": Object {
-                "id": 5,
-                "location": "HFC 2",
-                "parent_id": 1,
-                "spray_coverage": "80%",
-                "spray_effectiveness": "80%",
-              },
-              "_subRows": undefined,
-              "id": 5,
-              "location": "HFC 2",
-              "parent_id": 1,
-              "spray_coverage": "80%",
-              "spray_effectiveness": "80%",
-            },
-          ]
-        }
-        subRowsKey="_subRows"
-        useDrillDownTrProps={true}
-      >
-        <div
-          className="-pagination"
-        >
-          <div
-            className="-previous"
-          >
-            <defaultButton
-              disabled={true}
-              onClick={[Function]}
-            >
-              <button
-                className="-btn"
-                disabled={true}
-                onClick={[Function]}
-                type="button"
-              >
-                Previous
-              </button>
-            </defaultButton>
-          </div>
-          <div
-            className="-center"
-          >
-            <span
-              className="-pageInfo"
-            >
-              Page
-               
-              <div
-                className="-pageJump"
-              >
-                <input
-                  aria-label="jump to page"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onKeyPress={[Function]}
-                  type="number"
-                  value={1}
-                />
-              </div>
-               
-              of
-               
-              <span
-                className="-totalPages"
-              >
-                1
-              </span>
-            </span>
-            <span
-              className="select-wrap -pageSizeOptions"
-            >
-              <select
-                aria-label="rows per page"
-                onChange={[Function]}
-                value={20}
-              >
-                <option
-                  key="0"
-                  value={5}
-                >
-                  5 rows
-                </option>
-                <option
-                  key="1"
-                  value={10}
-                >
-                  10 rows
-                </option>
-                <option
-                  key="2"
-                  value={20}
-                >
-                  20 rows
-                </option>
-                <option
-                  key="3"
-                  value={25}
-                >
-                  25 rows
-                </option>
-                <option
-                  key="4"
-                  value={50}
-                >
-                  50 rows
-                </option>
-                <option
-                  key="5"
-                  value={100}
-                >
-                  100 rows
-                </option>
-              </select>
-            </span>
-          </div>
-          <div
-            className="-next"
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-8"
           >
-            <defaultButton
-              disabled={true}
-              onClick={[Function]}
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <button
-                className="-btn"
-                disabled={true}
-                onClick={[Function]}
-                type="button"
-              >
-                Next
-              </button>
-            </defaultButton>
-          </div>
-        </div>
-      </ReactTablePagination>
-    </div>
-    <LoadingComponent
-      loading={false}
-      loadingText="Loading..."
-    >
-      <div
-        className="-loading"
-      >
-        <div
-          className="-loading-inner"
-        >
-          Loading...
-        </div>
-      </div>
-    </LoadingComponent>
-  </div>
-</ReactTable>
-`;
-
-exports[`DrillDownTable click to drill down works 2`] = `
-<ReactTable
-  AggregatedComponent={[Function]}
-  CellComponent={[Function]}
-  ExpanderComponent={[Function]}
-  FilterComponent={[Function]}
-  LoadingComponent={[Function]}
-  NoDataComponent={[Function]}
-  PadRowComponent={[Function]}
-  PaginationComponent={[Function]}
-  PivotValueComponent={[Function]}
-  ResizerComponent={[Function]}
-  TableComponent={[Function]}
-  TbodyComponent={[Function]}
-  TdComponent={[Function]}
-  TfootComponent={[Function]}
-  ThComponent={[Function]}
-  TheadComponent={[Function]}
-  TrComponent={[Function]}
-  TrGroupComponent={[Function]}
-  aggregatedKey="_aggregated"
-  className=""
-  collapseOnDataChange={true}
-  collapseOnPageChange={true}
-  collapseOnSortingChange={true}
-  column={
-    Object {
-      "Aggregated": undefined,
-      "Cell": undefined,
-      "Expander": undefined,
-      "Filter": undefined,
-      "Footer": undefined,
-      "Header": undefined,
-      "Pivot": undefined,
-      "PivotValue": undefined,
-      "Placeholder": undefined,
-      "aggregate": undefined,
-      "className": "",
-      "filterAll": false,
-      "filterMethod": undefined,
-      "filterable": undefined,
-      "footerClassName": "",
-      "footerStyle": Object {},
-      "getFooterProps": [Function],
-      "getHeaderProps": [Function],
-      "getProps": [Function],
-      "headerClassName": "",
-      "headerStyle": Object {},
-      "minResizeWidth": 11,
-      "minWidth": 100,
-      "resizable": undefined,
-      "show": true,
-      "sortMethod": undefined,
-      "sortable": undefined,
-      "style": Object {},
-    }
-  }
-  columns={
-    Array [
-      Object {
-        "Cell": [Function],
-        "Header": "id",
-        "accessor": "id",
-      },
-      Object {
-        "Header": "location",
-        "accessor": "location",
-      },
-      Object {
-        "Header": "parent_id",
-        "accessor": "parent_id",
-      },
-      Object {
-        "Header": "spray_coverage",
-        "accessor": "spray_coverage",
-      },
-      Object {
-        "Header": "spray_effectiveness",
-        "accessor": "spray_effectiveness",
-      },
-    ]
-  }
-  data={
-    Array [
-      Object {
-        "id": 9,
-        "location": "Operational Area 9",
-        "parent_id": 4,
-        "spray_coverage": "70%",
-        "spray_effectiveness": "90%",
-      },
-      Object {
-        "id": 10,
-        "location": "Operational Area 10",
-        "parent_id": 4,
-        "spray_coverage": "80%",
-        "spray_effectiveness": "100%",
-      },
-      Object {
-        "id": 11,
-        "location": "Operational Area 11",
-        "parent_id": 4,
-        "spray_coverage": "100%",
-        "spray_effectiveness": "100%",
-      },
-    ]
-  }
-  defaultExpanded={Object {}}
-  defaultFilterMethod={[Function]}
-  defaultFiltered={Array []}
-  defaultPage={0}
-  defaultPageSize={20}
-  defaultResized={Array []}
-  defaultSortDesc={false}
-  defaultSortMethod={[Function]}
-  defaultSorted={Array []}
-  expanderDefaults={
-    Object {
-      "filterable": false,
-      "resizable": false,
-      "sortable": false,
-      "width": 35,
-    }
-  }
-  filterable={false}
-  freezeWhenExpanded={false}
-  getLoadingProps={[Function]}
-  getNoDataProps={[Function]}
-  getPaginationProps={[Function]}
-  getProps={[Function]}
-  getResizerProps={[Function]}
-  getTableProps={[Function]}
-  getTbodyProps={[Function]}
-  getTdProps={[Function]}
-  getTfootProps={[Function]}
-  getTfootTdProps={[Function]}
-  getTfootTrProps={[Function]}
-  getTheadFilterProps={[Function]}
-  getTheadFilterThProps={[Function]}
-  getTheadFilterTrProps={[Function]}
-  getTheadGroupProps={[Function]}
-  getTheadGroupThProps={[Function]}
-  getTheadGroupTrProps={[Function]}
-  getTheadProps={[Function]}
-  getTheadThProps={[Function]}
-  getTheadTrProps={[Function]}
-  getTrGroupProps={[Function]}
-  getTrProps={[Function]}
-  groupedByPivotKey="_groupedByPivot"
-  identifierField="id"
-  indexKey="_index"
-  linkerField="id"
-  loading={false}
-  loadingText="Loading..."
-  multiSort={true}
-  nestingLevelKey="_nestingLevel"
-  nextText="Next"
-  noDataText="No rows found"
-  ofText="of"
-  onFetchData={[Function]}
-  originalKey="_original"
-  pageJumpText="jump to page"
-  pageSizeOptions={
-    Array [
-      5,
-      10,
-      20,
-      25,
-      50,
-      100,
-    ]
-  }
-  pageText="Page"
-  parentIdentifierField="parent_id"
-  pivotDefaults={Object {}}
-  pivotIDKey="_pivotID"
-  pivotValKey="_pivotVal"
-  previousText="Previous"
-  resizable={true}
-  resolveData={[Function]}
-  rootParentId={null}
-  rowsSelectorText="rows per page"
-  rowsText="rows"
-  showPageJump={true}
-  showPageSizeOptions={true}
-  showPagination={true}
-  showPaginationBottom={true}
-  showPaginationTop={false}
-  sortable={true}
-  style={Object {}}
-  subRowsKey="_subRows"
-  useDrillDownTrProps={true}
->
-  <div
-    className="ReactTable"
-    style={Object {}}
-  >
-    <TableComponent
-      className=""
-    >
-      <div
-        className="rt-table"
-        role="grid"
-      >
-        <Thead
-          className="-header"
-          style={
-            Object {
-              "minWidth": "500px",
-            }
-          }
-        >
-          <div
-            className="rt-thead -header"
-            style={
-              Object {
-                "minWidth": "500px",
-              }
-            }
-          >
-            <TrComponent>
-              <div
-                className="rt-tr"
-                role="row"
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
               >
-                <ThComponent
-                  className="rt-resizable-header -cursor-pointer"
-                  key="0-id"
-                  style={
-                    Object {
-                      "flex": "100 0 auto",
-                      "maxWidth": null,
-                      "width": "100px",
-                    }
-                  }
-                  toggleSort={[Function]}
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
+                  style={Object {}}
                 >
-                  <div
-                    className="rt-th rt-resizable-header -cursor-pointer"
-                    onClick={[Function]}
-                    role="columnheader"
+                  <TdComponent
+                    className=""
+                    key="0-id"
                     style={
                       Object {
                         "flex": "100 0 auto",
@@ -7563,41 +8824,28 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         "width": "100px",
                       }
                     }
-                    tabIndex="-1"
                   >
                     <div
-                      className="rt-resizable-header-content"
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
                     >
-                      id
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
                     </div>
-                    <Resizer
-                      onMouseDown={[Function]}
-                      onTouchStart={[Function]}
-                    >
-                      <div
-                        className="rt-resizer"
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
-                      />
-                    </Resizer>
-                  </div>
-                </ThComponent>
-                <ThComponent
-                  className="rt-resizable-header -cursor-pointer"
-                  key="1-location"
-                  style={
-                    Object {
-                      "flex": "100 0 auto",
-                      "maxWidth": null,
-                      "width": "100px",
-                    }
-                  }
-                  toggleSort={[Function]}
-                >
-                  <div
-                    className="rt-th rt-resizable-header -cursor-pointer"
-                    onClick={[Function]}
-                    role="columnheader"
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
                     style={
                       Object {
                         "flex": "100 0 auto",
@@ -7605,41 +8853,28 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         "width": "100px",
                       }
                     }
-                    tabIndex="-1"
                   >
                     <div
-                      className="rt-resizable-header-content"
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
                     >
-                      location
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
                     </div>
-                    <Resizer
-                      onMouseDown={[Function]}
-                      onTouchStart={[Function]}
-                    >
-                      <div
-                        className="rt-resizer"
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
-                      />
-                    </Resizer>
-                  </div>
-                </ThComponent>
-                <ThComponent
-                  className="rt-resizable-header -cursor-pointer"
-                  key="2-parent_id"
-                  style={
-                    Object {
-                      "flex": "100 0 auto",
-                      "maxWidth": null,
-                      "width": "100px",
-                    }
-                  }
-                  toggleSort={[Function]}
-                >
-                  <div
-                    className="rt-th rt-resizable-header -cursor-pointer"
-                    onClick={[Function]}
-                    role="columnheader"
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
                     style={
                       Object {
                         "flex": "100 0 auto",
@@ -7647,41 +8882,28 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         "width": "100px",
                       }
                     }
-                    tabIndex="-1"
                   >
                     <div
-                      className="rt-resizable-header-content"
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
                     >
-                      parent_id
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
                     </div>
-                    <Resizer
-                      onMouseDown={[Function]}
-                      onTouchStart={[Function]}
-                    >
-                      <div
-                        className="rt-resizer"
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
-                      />
-                    </Resizer>
-                  </div>
-                </ThComponent>
-                <ThComponent
-                  className="rt-resizable-header -cursor-pointer"
-                  key="3-spray_coverage"
-                  style={
-                    Object {
-                      "flex": "100 0 auto",
-                      "maxWidth": null,
-                      "width": "100px",
-                    }
-                  }
-                  toggleSort={[Function]}
-                >
-                  <div
-                    className="rt-th rt-resizable-header -cursor-pointer"
-                    onClick={[Function]}
-                    role="columnheader"
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
                     style={
                       Object {
                         "flex": "100 0 auto",
@@ -7689,41 +8911,77 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         "width": "100px",
                       }
                     }
-                    tabIndex="-1"
                   >
                     <div
-                      className="rt-resizable-header-content"
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
                     >
-                      spray_coverage
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
                     </div>
-                    <Resizer
-                      onMouseDown={[Function]}
-                      onTouchStart={[Function]}
-                    >
-                      <div
-                        className="rt-resizer"
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
-                      />
-                    </Resizer>
-                  </div>
-                </ThComponent>
-                <ThComponent
-                  className="rt-resizable-header -cursor-pointer"
-                  key="4-spray_effectiveness"
-                  style={
-                    Object {
-                      "flex": "100 0 auto",
-                      "maxWidth": null,
-                      "width": "100px",
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
                     }
-                  }
-                  toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-9"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
                 >
-                  <div
-                    className="rt-th rt-resizable-header -cursor-pointer"
-                    onClick={[Function]}
-                    role="columnheader"
+                  <TdComponent
+                    className=""
+                    key="0-id"
                     style={
                       Object {
                         "flex": "100 0 auto",
@@ -7731,893 +8989,3589 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         "width": "100px",
                       }
                     }
-                    tabIndex="-1"
                   >
                     <div
-                      className="rt-resizable-header-content"
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
                     >
-                      spray_effectiveness
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
                     </div>
-                    <Resizer
-                      onMouseDown={[Function]}
-                      onTouchStart={[Function]}
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
                     >
-                      <div
-                        className="rt-resizer"
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
-                      />
-                    </Resizer>
-                  </div>
-                </ThComponent>
-              </div>
-            </TrComponent>
-          </div>
-        </Thead>
-        <Tbody
-          className=""
-          style={
-            Object {
-              "minWidth": "500px",
-            }
-          }
-        >
-          <div
-            className="rt-tbody"
-            style={
-              Object {
-                "minWidth": "500px",
-              }
-            }
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-10"
           >
-            <TrGroupComponent
-              key="0"
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-odd"
-                  onClick={[Function]}
-                  row={
-                    Object {
-                      "AggregatedComponent": [Function],
-                      "CellComponent": [Function],
-                      "ExpanderComponent": [Function],
-                      "FilterComponent": [Function],
-                      "LoadingComponent": [Function],
-                      "NoDataComponent": [Function],
-                      "PadRowComponent": [Function],
-                      "PaginationComponent": [Function],
-                      "PivotValueComponent": [Function],
-                      "ResizerComponent": [Function],
-                      "TableComponent": [Function],
-                      "TbodyComponent": [Function],
-                      "TdComponent": [Function],
-                      "TfootComponent": [Function],
-                      "ThComponent": [Function],
-                      "TheadComponent": [Function],
-                      "TrComponent": [Function],
-                      "TrGroupComponent": [Function],
-                      "aggregatedKey": "_aggregated",
-                      "allDecoratedColumns": Array [
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "Aggregated": undefined,
-                          "Cell": [Function],
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "id",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "id",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "location",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "location",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "parent_id",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "parent_id",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "spray_coverage",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "spray_coverage",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "spray_effectiveness",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "spray_effectiveness",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                      ],
-                      "allVisibleColumns": Array [
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-11"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "Aggregated": undefined,
-                          "Cell": [Function],
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "id",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "id",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "location",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "location",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "parent_id",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "parent_id",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "spray_coverage",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "spray_coverage",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "spray_effectiveness",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "spray_effectiveness",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                      ],
-                      "canNext": false,
-                      "canPrevious": false,
-                      "className": "",
-                      "collapseOnDataChange": true,
-                      "collapseOnPageChange": true,
-                      "collapseOnSortingChange": true,
-                      "column": Object {
-                        "Aggregated": undefined,
-                        "Cell": undefined,
-                        "Expander": undefined,
-                        "Filter": undefined,
-                        "Footer": undefined,
-                        "Header": undefined,
-                        "Pivot": undefined,
-                        "PivotValue": undefined,
-                        "Placeholder": undefined,
-                        "aggregate": undefined,
-                        "className": "",
-                        "filterAll": false,
-                        "filterMethod": undefined,
-                        "filterable": undefined,
-                        "footerClassName": "",
-                        "footerStyle": Object {},
-                        "getFooterProps": [Function],
-                        "getHeaderProps": [Function],
-                        "getProps": [Function],
-                        "headerClassName": "",
-                        "headerStyle": Object {},
-                        "minResizeWidth": 11,
-                        "minWidth": 100,
-                        "resizable": undefined,
-                        "show": true,
-                        "sortMethod": undefined,
-                        "sortable": undefined,
-                        "style": Object {},
-                      },
-                      "columns": Array [
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "Cell": [Function],
-                          "Header": "id",
-                          "accessor": "id",
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-12"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "Header": "location",
-                          "accessor": "location",
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "Header": "parent_id",
-                          "accessor": "parent_id",
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "Header": "spray_coverage",
-                          "accessor": "spray_coverage",
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "Header": "spray_effectiveness",
-                          "accessor": "spray_effectiveness",
-                        },
-                      ],
-                      "currentlyResizing": false,
-                      "data": Array [
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "id": 9,
-                          "location": "Operational Area 9",
-                          "parent_id": 4,
-                          "spray_coverage": "70%",
-                          "spray_effectiveness": "90%",
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-13"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "id": 10,
-                          "location": "Operational Area 10",
-                          "parent_id": 4,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "100%",
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "id": 11,
-                          "location": "Operational Area 11",
-                          "parent_id": 4,
-                          "spray_coverage": "100%",
-                          "spray_effectiveness": "100%",
-                        },
-                      ],
-                      "defaultExpanded": Object {},
-                      "defaultFilterMethod": [Function],
-                      "defaultFiltered": Array [],
-                      "defaultPage": 0,
-                      "defaultPageSize": 20,
-                      "defaultResized": Array [],
-                      "defaultSortDesc": false,
-                      "defaultSortMethod": [Function],
-                      "defaultSorted": Array [],
-                      "endRow": 20,
-                      "expanded": Object {},
-                      "expanderDefaults": Object {
-                        "filterable": false,
-                        "resizable": false,
-                        "sortable": false,
-                        "width": 35,
-                      },
-                      "filterable": false,
-                      "filtered": Array [],
-                      "freezeWhenExpanded": false,
-                      "frozen": false,
-                      "getLoadingProps": [Function],
-                      "getNoDataProps": [Function],
-                      "getPaginationProps": [Function],
-                      "getProps": [Function],
-                      "getResizerProps": [Function],
-                      "getTableProps": [Function],
-                      "getTbodyProps": [Function],
-                      "getTdProps": [Function],
-                      "getTfootProps": [Function],
-                      "getTfootTdProps": [Function],
-                      "getTfootTrProps": [Function],
-                      "getTheadFilterProps": [Function],
-                      "getTheadFilterThProps": [Function],
-                      "getTheadFilterTrProps": [Function],
-                      "getTheadGroupProps": [Function],
-                      "getTheadGroupThProps": [Function],
-                      "getTheadGroupTrProps": [Function],
-                      "getTheadProps": [Function],
-                      "getTheadThProps": [Function],
-                      "getTheadTrProps": [Function],
-                      "getTrGroupProps": [Function],
-                      "getTrProps": [Function],
-                      "groupedByPivotKey": "_groupedByPivot",
-                      "hasColumnFooter": false,
-                      "hasHeaderGroups": false,
-                      "headerGroups": Array [],
-                      "identifierField": "id",
-                      "indexKey": "_index",
-                      "linkerField": "id",
-                      "loading": false,
-                      "loadingText": "Loading...",
-                      "minRows": 20,
-                      "multiSort": true,
-                      "nestingLevelKey": "_nestingLevel",
-                      "nextText": "Next",
-                      "noDataText": "No rows found",
-                      "ofText": "of",
-                      "onFetchData": [Function],
-                      "originalKey": "_original",
-                      "padRows": Array [
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                      ],
-                      "page": 0,
-                      "pageJumpText": "jump to page",
-                      "pageRows": Array [
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "_index": 0,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 9,
-                            "location": "Operational Area 9",
-                            "parent_id": 4,
-                            "spray_coverage": "70%",
-                            "spray_effectiveness": "90%",
-                          },
-                          "_subRows": undefined,
-                          "_viewIndex": 0,
-                          "id": 9,
-                          "location": "Operational Area 9",
-                          "parent_id": 4,
-                          "spray_coverage": "70%",
-                          "spray_effectiveness": "90%",
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "_index": 1,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 10,
-                            "location": "Operational Area 10",
-                            "parent_id": 4,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "_viewIndex": 1,
-                          "id": 10,
-                          "location": "Operational Area 10",
-                          "parent_id": 4,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "100%",
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "_index": 2,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 11,
-                            "location": "Operational Area 11",
-                            "parent_id": 4,
-                            "spray_coverage": "100%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "_viewIndex": 2,
-                          "id": 11,
-                          "location": "Operational Area 11",
-                          "parent_id": 4,
-                          "spray_coverage": "100%",
-                          "spray_effectiveness": "100%",
-                        },
-                      ],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        5,
-                        10,
-                        20,
-                        25,
-                        50,
-                        100,
-                      ],
-                      "pageText": "Page",
-                      "pages": 1,
-                      "parentIdentifierField": "parent_id",
-                      "pivotDefaults": Object {},
-                      "pivotIDKey": "_pivotID",
-                      "pivotValKey": "_pivotVal",
-                      "previousText": "Previous",
-                      "resizable": true,
-                      "resized": Array [],
-                      "resolveData": [Function],
-                      "resolvedData": Array [
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-14"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "_index": 0,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 9,
-                            "location": "Operational Area 9",
-                            "parent_id": 4,
-                            "spray_coverage": "70%",
-                            "spray_effectiveness": "90%",
-                          },
-                          "_subRows": undefined,
-                          "id": 9,
-                          "location": "Operational Area 9",
-                          "parent_id": 4,
-                          "spray_coverage": "70%",
-                          "spray_effectiveness": "90%",
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "_index": 1,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 10,
-                            "location": "Operational Area 10",
-                            "parent_id": 4,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "id": 10,
-                          "location": "Operational Area 10",
-                          "parent_id": 4,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "100%",
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "_index": 2,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 11,
-                            "location": "Operational Area 11",
-                            "parent_id": 4,
-                            "spray_coverage": "100%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "id": 11,
-                          "location": "Operational Area 11",
-                          "parent_id": 4,
-                          "spray_coverage": "100%",
-                          "spray_effectiveness": "100%",
-                        },
-                      ],
-                      "rootParentId": null,
-                      "rowMinWidth": 500,
-                      "rowsSelectorText": "rows per page",
-                      "rowsText": "rows",
-                      "showPageJump": true,
-                      "showPageSizeOptions": true,
-                      "showPagination": true,
-                      "showPaginationBottom": true,
-                      "showPaginationTop": false,
-                      "skipNextSort": false,
-                      "sortable": true,
-                      "sorted": Array [],
-                      "sortedData": Array [
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "_index": 0,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 9,
-                            "location": "Operational Area 9",
-                            "parent_id": 4,
-                            "spray_coverage": "70%",
-                            "spray_effectiveness": "90%",
-                          },
-                          "_subRows": undefined,
-                          "id": 9,
-                          "location": "Operational Area 9",
-                          "parent_id": 4,
-                          "spray_coverage": "70%",
-                          "spray_effectiveness": "90%",
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "_index": 1,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 10,
-                            "location": "Operational Area 10",
-                            "parent_id": 4,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "id": 10,
-                          "location": "Operational Area 10",
-                          "parent_id": 4,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "100%",
-                        },
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-15"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
                         Object {
-                          "_index": 2,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 11,
-                            "location": "Operational Area 11",
-                            "parent_id": 4,
-                            "spray_coverage": "100%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "id": 11,
-                          "location": "Operational Area 11",
-                          "parent_id": 4,
-                          "spray_coverage": "100%",
-                          "spray_effectiveness": "100%",
-                        },
-                      ],
-                      "startRow": 0,
-                      "style": Object {},
-                      "subRowsKey": "_subRows",
-                      "useDrillDownTrProps": true,
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
                     }
-                  }
-                >
-                  <div
-                    className="rt-tr -odd"
-                    onClick={[Function]}
-                    role="row"
-                    row={
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
                       Object {
-                        "AggregatedComponent": [Function],
-                        "CellComponent": [Function],
-                        "ExpanderComponent": [Function],
-                        "FilterComponent": [Function],
-                        "LoadingComponent": [Function],
-                        "NoDataComponent": [Function],
-                        "PadRowComponent": [Function],
-                        "PaginationComponent": [Function],
-                        "PivotValueComponent": [Function],
-                        "ResizerComponent": [Function],
-                        "TableComponent": [Function],
-                        "TbodyComponent": [Function],
-                        "TdComponent": [Function],
-                        "TfootComponent": [Function],
-                        "ThComponent": [Function],
-                        "TheadComponent": [Function],
-                        "TrComponent": [Function],
-                        "TrGroupComponent": [Function],
-                        "aggregatedKey": "_aggregated",
-                        "allDecoratedColumns": Array [
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": [Function],
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "location",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "location",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "parent_id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "parent_id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+        </div>
+      </Tbody>
+    </div>
+  </TableComponent>
+  <div
+    className="pagination-bottom"
+  >
+    <ReactTablePagination
+      AggregatedComponent={[Function]}
+      CellComponent={[Function]}
+      ExpanderComponent={[Function]}
+      FilterComponent={[Function]}
+      LoadingComponent={[Function]}
+      NextComponent={[Function]}
+      NoDataComponent={[Function]}
+      PadRowComponent={[Function]}
+      PaginationComponent={[Function]}
+      PivotValueComponent={[Function]}
+      PreviousComponent={[Function]}
+      ResizerComponent={[Function]}
+      TableComponent={[Function]}
+      TbodyComponent={[Function]}
+      TdComponent={[Function]}
+      TfootComponent={[Function]}
+      ThComponent={[Function]}
+      TheadComponent={[Function]}
+      TrComponent={[Function]}
+      TrGroupComponent={[Function]}
+      aggregatedKey="_aggregated"
+      allDecoratedColumns={
+        Array [
+          Object {
+            "Aggregated": undefined,
+            "Cell": [Function],
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "id",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "id",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "location",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "location",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "parent_id",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "parent_id",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "spray_coverage",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "spray_coverage",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "spray_effectiveness",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "spray_effectiveness",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+        ]
+      }
+      allVisibleColumns={
+        Array [
+          Object {
+            "Aggregated": undefined,
+            "Cell": [Function],
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "id",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "id",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "location",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "location",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "parent_id",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "parent_id",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "spray_coverage",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "spray_coverage",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "spray_effectiveness",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "spray_effectiveness",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+        ]
+      }
+      canNext={false}
+      canPrevious={false}
+      collapseOnDataChange={true}
+      collapseOnPageChange={true}
+      collapseOnSortingChange={true}
+      column={
+        Object {
+          "Aggregated": undefined,
+          "Cell": undefined,
+          "Expander": undefined,
+          "Filter": undefined,
+          "Footer": undefined,
+          "Header": undefined,
+          "Pivot": undefined,
+          "PivotValue": undefined,
+          "Placeholder": undefined,
+          "aggregate": undefined,
+          "className": "",
+          "filterAll": false,
+          "filterMethod": undefined,
+          "filterable": undefined,
+          "footerClassName": "",
+          "footerStyle": Object {},
+          "getFooterProps": [Function],
+          "getHeaderProps": [Function],
+          "getProps": [Function],
+          "headerClassName": "",
+          "headerStyle": Object {},
+          "minResizeWidth": 11,
+          "minWidth": 100,
+          "resizable": undefined,
+          "show": true,
+          "sortMethod": undefined,
+          "sortable": undefined,
+          "style": Object {},
+        }
+      }
+      columns={
+        Array [
+          Object {
+            "Cell": [Function],
+            "Header": "id",
+            "accessor": "id",
+          },
+          Object {
+            "Header": "location",
+            "accessor": "location",
+          },
+          Object {
+            "Header": "parent_id",
+            "accessor": "parent_id",
+          },
+          Object {
+            "Header": "spray_coverage",
+            "accessor": "spray_coverage",
+          },
+          Object {
+            "Header": "spray_effectiveness",
+            "accessor": "spray_effectiveness",
+          },
+        ]
+      }
+      currentlyResizing={false}
+      data={
+        Array [
+          Object {
+            "id": 1,
+            "location": "District A",
+            "parent_id": null,
+            "spray_coverage": "80%",
+            "spray_effectiveness": "80%",
+          },
+          Object {
+            "id": 2,
+            "location": "District B",
+            "parent_id": null,
+            "spray_coverage": "75%",
+            "spray_effectiveness": "85%",
+          },
+          Object {
+            "id": 3,
+            "location": "District C",
+            "parent_id": null,
+            "spray_coverage": "90%",
+            "spray_effectiveness": "90%",
+          },
+          Object {
+            "id": 18,
+            "location": "District D",
+            "parent_id": null,
+            "spray_coverage": "0%",
+            "spray_effectiveness": "0%",
+          },
+        ]
+      }
+      defaultExpanded={Object {}}
+      defaultFilterMethod={[Function]}
+      defaultFiltered={Array []}
+      defaultPage={0}
+      defaultPageSize={20}
+      defaultResized={Array []}
+      defaultSortDesc={false}
+      defaultSortMethod={[Function]}
+      defaultSorted={Array []}
+      expanded={Object {}}
+      expanderDefaults={
+        Object {
+          "filterable": false,
+          "resizable": false,
+          "sortable": false,
+          "width": 35,
+        }
+      }
+      filterable={false}
+      filtered={Array []}
+      freezeWhenExpanded={false}
+      frozen={false}
+      getLoadingProps={[Function]}
+      getNoDataProps={[Function]}
+      getPaginationProps={[Function]}
+      getProps={[Function]}
+      getResizerProps={[Function]}
+      getTableProps={[Function]}
+      getTbodyProps={[Function]}
+      getTdProps={[Function]}
+      getTfootProps={[Function]}
+      getTfootTdProps={[Function]}
+      getTfootTrProps={[Function]}
+      getTheadFilterProps={[Function]}
+      getTheadFilterThProps={[Function]}
+      getTheadFilterTrProps={[Function]}
+      getTheadGroupProps={[Function]}
+      getTheadGroupThProps={[Function]}
+      getTheadGroupTrProps={[Function]}
+      getTheadProps={[Function]}
+      getTheadThProps={[Function]}
+      getTheadTrProps={[Function]}
+      getTrGroupProps={[Function]}
+      getTrProps={[Function]}
+      groupedByPivotKey="_groupedByPivot"
+      hasChildren={[Function]}
+      hasHeaderGroups={false}
+      headerGroups={Array []}
+      identifierField="id"
+      indexKey="_index"
+      isTop={false}
+      linkerField="id"
+      loading={false}
+      loadingText="Loading..."
+      multiSort={true}
+      nestingLevelKey="_nestingLevel"
+      nextText="Next"
+      noDataText="No rows found"
+      ofText="of"
+      onFetchData={[Function]}
+      onPageChange={[Function]}
+      onPageSizeChange={[Function]}
+      originalKey="_original"
+      page={0}
+      pageJumpText="jump to page"
+      pageSize={20}
+      pageSizeOptions={
+        Array [
+          5,
+          10,
+          20,
+          25,
+          50,
+          100,
+        ]
+      }
+      pageText="Page"
+      pages={1}
+      parentIdentifierField="parent_id"
+      pivotDefaults={Object {}}
+      pivotIDKey="_pivotID"
+      pivotValKey="_pivotVal"
+      previousText="Previous"
+      renderCurrentPage={[Function]}
+      renderPageJump={[Function]}
+      renderPageSizeOptions={[Function]}
+      renderTotalPagesCount={[Function]}
+      resizable={true}
+      resized={Array []}
+      resolveData={[Function]}
+      resolvedData={
+        Array [
+          Object {
+            "_index": 0,
+            "_nestingLevel": 0,
+            "_original": Object {
+              "id": 1,
+              "location": "District A",
+              "parent_id": null,
+              "spray_coverage": "80%",
+              "spray_effectiveness": "80%",
+            },
+            "_subRows": undefined,
+            "id": 1,
+            "location": "District A",
+            "parent_id": null,
+            "spray_coverage": "80%",
+            "spray_effectiveness": "80%",
+          },
+          Object {
+            "_index": 1,
+            "_nestingLevel": 0,
+            "_original": Object {
+              "id": 2,
+              "location": "District B",
+              "parent_id": null,
+              "spray_coverage": "75%",
+              "spray_effectiveness": "85%",
+            },
+            "_subRows": undefined,
+            "id": 2,
+            "location": "District B",
+            "parent_id": null,
+            "spray_coverage": "75%",
+            "spray_effectiveness": "85%",
+          },
+          Object {
+            "_index": 2,
+            "_nestingLevel": 0,
+            "_original": Object {
+              "id": 3,
+              "location": "District C",
+              "parent_id": null,
+              "spray_coverage": "90%",
+              "spray_effectiveness": "90%",
+            },
+            "_subRows": undefined,
+            "id": 3,
+            "location": "District C",
+            "parent_id": null,
+            "spray_coverage": "90%",
+            "spray_effectiveness": "90%",
+          },
+          Object {
+            "_index": 3,
+            "_nestingLevel": 0,
+            "_original": Object {
+              "id": 18,
+              "location": "District D",
+              "parent_id": null,
+              "spray_coverage": "0%",
+              "spray_effectiveness": "0%",
+            },
+            "_subRows": undefined,
+            "id": 18,
+            "location": "District D",
+            "parent_id": null,
+            "spray_coverage": "0%",
+            "spray_effectiveness": "0%",
+          },
+        ]
+      }
+      rootParentId={null}
+      rowsSelectorText="rows per page"
+      rowsText="rows"
+      showPageJump={true}
+      showPageSizeOptions={true}
+      showPagination={true}
+      showPaginationBottom={true}
+      showPaginationTop={false}
+      skipNextSort={false}
+      sortable={true}
+      sorted={Array []}
+      sortedData={
+        Array [
+          Object {
+            "_index": 0,
+            "_nestingLevel": 0,
+            "_original": Object {
+              "id": 1,
+              "location": "District A",
+              "parent_id": null,
+              "spray_coverage": "80%",
+              "spray_effectiveness": "80%",
+            },
+            "_subRows": undefined,
+            "id": 1,
+            "location": "District A",
+            "parent_id": null,
+            "spray_coverage": "80%",
+            "spray_effectiveness": "80%",
+          },
+          Object {
+            "_index": 1,
+            "_nestingLevel": 0,
+            "_original": Object {
+              "id": 2,
+              "location": "District B",
+              "parent_id": null,
+              "spray_coverage": "75%",
+              "spray_effectiveness": "85%",
+            },
+            "_subRows": undefined,
+            "id": 2,
+            "location": "District B",
+            "parent_id": null,
+            "spray_coverage": "75%",
+            "spray_effectiveness": "85%",
+          },
+          Object {
+            "_index": 2,
+            "_nestingLevel": 0,
+            "_original": Object {
+              "id": 3,
+              "location": "District C",
+              "parent_id": null,
+              "spray_coverage": "90%",
+              "spray_effectiveness": "90%",
+            },
+            "_subRows": undefined,
+            "id": 3,
+            "location": "District C",
+            "parent_id": null,
+            "spray_coverage": "90%",
+            "spray_effectiveness": "90%",
+          },
+          Object {
+            "_index": 3,
+            "_nestingLevel": 0,
+            "_original": Object {
+              "id": 18,
+              "location": "District D",
+              "parent_id": null,
+              "spray_coverage": "0%",
+              "spray_effectiveness": "0%",
+            },
+            "_subRows": undefined,
+            "id": 18,
+            "location": "District D",
+            "parent_id": null,
+            "spray_coverage": "0%",
+            "spray_effectiveness": "0%",
+          },
+        ]
+      }
+      subRowsKey="_subRows"
+      useDrillDownTrProps={true}
+    >
+      <div
+        className="-pagination"
+      >
+        <div
+          className="-previous"
+        >
+          <defaultButton
+            disabled={true}
+            onClick={[Function]}
+          >
+            <button
+              className="-btn"
+              disabled={true}
+              onClick={[Function]}
+              type="button"
+            >
+              Previous
+            </button>
+          </defaultButton>
+        </div>
+        <div
+          className="-center"
+        >
+          <span
+            className="-pageInfo"
+          >
+            Page
+             
+            <div
+              className="-pageJump"
+            >
+              <input
+                aria-label="jump to page"
+                onBlur={[Function]}
+                onChange={[Function]}
+                onKeyPress={[Function]}
+                type="number"
+                value={1}
+              />
+            </div>
+             
+            of
+             
+            <span
+              className="-totalPages"
+            >
+              1
+            </span>
+          </span>
+          <span
+            className="select-wrap -pageSizeOptions"
+          >
+            <select
+              aria-label="rows per page"
+              onChange={[Function]}
+              value={20}
+            >
+              <option
+                key="0"
+                value={5}
+              >
+                5 rows
+              </option>
+              <option
+                key="1"
+                value={10}
+              >
+                10 rows
+              </option>
+              <option
+                key="2"
+                value={20}
+              >
+                20 rows
+              </option>
+              <option
+                key="3"
+                value={25}
+              >
+                25 rows
+              </option>
+              <option
+                key="4"
+                value={50}
+              >
+                50 rows
+              </option>
+              <option
+                key="5"
+                value={100}
+              >
+                100 rows
+              </option>
+            </select>
+          </span>
+        </div>
+        <div
+          className="-next"
+        >
+          <defaultButton
+            disabled={true}
+            onClick={[Function]}
+          >
+            <button
+              className="-btn"
+              disabled={true}
+              onClick={[Function]}
+              type="button"
+            >
+              Next
+            </button>
+          </defaultButton>
+        </div>
+      </div>
+    </ReactTablePagination>
+  </div>
+  <LoadingComponent
+    loading={false}
+    loadingText="Loading..."
+  >
+    <div
+      className="-loading"
+    >
+      <div
+        className="-loading-inner"
+      >
+        Loading...
+      </div>
+    </div>
+  </LoadingComponent>
+</div>
+`;
+
+exports[`DrillDownTable click to drill down works 2`] = `
+<div
+  className="ReactTable"
+  style={Object {}}
+>
+  <TableComponent
+    className=""
+  >
+    <div
+      className="rt-table"
+      role="grid"
+    >
+      <Thead
+        className="-header"
+        style={
+          Object {
+            "minWidth": "500px",
+          }
+        }
+      >
+        <div
+          className="rt-thead -header"
+          style={
+            Object {
+              "minWidth": "500px",
+            }
+          }
+        >
+          <TrComponent>
+            <div
+              className="rt-tr"
+              role="row"
+            >
+              <ThComponent
+                className="rt-resizable-header -cursor-pointer"
+                key="0-id"
+                style={
+                  Object {
+                    "flex": "100 0 auto",
+                    "maxWidth": null,
+                    "width": "100px",
+                  }
+                }
+                toggleSort={[Function]}
+              >
+                <div
+                  className="rt-th rt-resizable-header -cursor-pointer"
+                  onClick={[Function]}
+                  role="columnheader"
+                  style={
+                    Object {
+                      "flex": "100 0 auto",
+                      "maxWidth": null,
+                      "width": "100px",
+                    }
+                  }
+                  tabIndex="-1"
+                >
+                  <div
+                    className="rt-resizable-header-content"
+                  >
+                    id
+                  </div>
+                  <Resizer
+                    onMouseDown={[Function]}
+                    onTouchStart={[Function]}
+                  >
+                    <div
+                      className="rt-resizer"
+                      onMouseDown={[Function]}
+                      onTouchStart={[Function]}
+                    />
+                  </Resizer>
+                </div>
+              </ThComponent>
+              <ThComponent
+                className="rt-resizable-header -cursor-pointer"
+                key="1-location"
+                style={
+                  Object {
+                    "flex": "100 0 auto",
+                    "maxWidth": null,
+                    "width": "100px",
+                  }
+                }
+                toggleSort={[Function]}
+              >
+                <div
+                  className="rt-th rt-resizable-header -cursor-pointer"
+                  onClick={[Function]}
+                  role="columnheader"
+                  style={
+                    Object {
+                      "flex": "100 0 auto",
+                      "maxWidth": null,
+                      "width": "100px",
+                    }
+                  }
+                  tabIndex="-1"
+                >
+                  <div
+                    className="rt-resizable-header-content"
+                  >
+                    location
+                  </div>
+                  <Resizer
+                    onMouseDown={[Function]}
+                    onTouchStart={[Function]}
+                  >
+                    <div
+                      className="rt-resizer"
+                      onMouseDown={[Function]}
+                      onTouchStart={[Function]}
+                    />
+                  </Resizer>
+                </div>
+              </ThComponent>
+              <ThComponent
+                className="rt-resizable-header -cursor-pointer"
+                key="2-parent_id"
+                style={
+                  Object {
+                    "flex": "100 0 auto",
+                    "maxWidth": null,
+                    "width": "100px",
+                  }
+                }
+                toggleSort={[Function]}
+              >
+                <div
+                  className="rt-th rt-resizable-header -cursor-pointer"
+                  onClick={[Function]}
+                  role="columnheader"
+                  style={
+                    Object {
+                      "flex": "100 0 auto",
+                      "maxWidth": null,
+                      "width": "100px",
+                    }
+                  }
+                  tabIndex="-1"
+                >
+                  <div
+                    className="rt-resizable-header-content"
+                  >
+                    parent_id
+                  </div>
+                  <Resizer
+                    onMouseDown={[Function]}
+                    onTouchStart={[Function]}
+                  >
+                    <div
+                      className="rt-resizer"
+                      onMouseDown={[Function]}
+                      onTouchStart={[Function]}
+                    />
+                  </Resizer>
+                </div>
+              </ThComponent>
+              <ThComponent
+                className="rt-resizable-header -cursor-pointer"
+                key="3-spray_coverage"
+                style={
+                  Object {
+                    "flex": "100 0 auto",
+                    "maxWidth": null,
+                    "width": "100px",
+                  }
+                }
+                toggleSort={[Function]}
+              >
+                <div
+                  className="rt-th rt-resizable-header -cursor-pointer"
+                  onClick={[Function]}
+                  role="columnheader"
+                  style={
+                    Object {
+                      "flex": "100 0 auto",
+                      "maxWidth": null,
+                      "width": "100px",
+                    }
+                  }
+                  tabIndex="-1"
+                >
+                  <div
+                    className="rt-resizable-header-content"
+                  >
+                    spray_coverage
+                  </div>
+                  <Resizer
+                    onMouseDown={[Function]}
+                    onTouchStart={[Function]}
+                  >
+                    <div
+                      className="rt-resizer"
+                      onMouseDown={[Function]}
+                      onTouchStart={[Function]}
+                    />
+                  </Resizer>
+                </div>
+              </ThComponent>
+              <ThComponent
+                className="rt-resizable-header -cursor-pointer"
+                key="4-spray_effectiveness"
+                style={
+                  Object {
+                    "flex": "100 0 auto",
+                    "maxWidth": null,
+                    "width": "100px",
+                  }
+                }
+                toggleSort={[Function]}
+              >
+                <div
+                  className="rt-th rt-resizable-header -cursor-pointer"
+                  onClick={[Function]}
+                  role="columnheader"
+                  style={
+                    Object {
+                      "flex": "100 0 auto",
+                      "maxWidth": null,
+                      "width": "100px",
+                    }
+                  }
+                  tabIndex="-1"
+                >
+                  <div
+                    className="rt-resizable-header-content"
+                  >
+                    spray_effectiveness
+                  </div>
+                  <Resizer
+                    onMouseDown={[Function]}
+                    onTouchStart={[Function]}
+                  >
+                    <div
+                      className="rt-resizer"
+                      onMouseDown={[Function]}
+                      onTouchStart={[Function]}
+                    />
+                  </Resizer>
+                </div>
+              </ThComponent>
+            </div>
+          </TrComponent>
+        </div>
+      </Thead>
+      <Tbody
+        className=""
+        style={
+          Object {
+            "minWidth": "500px",
+          }
+        }
+      >
+        <div
+          className="rt-tbody"
+          style={
+            Object {
+              "minWidth": "500px",
+            }
+          }
+        >
+          <TrGroupComponent
+            key="0"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-odd"
+                onClick={[Function]}
+                row={
+                  Object {
+                    "AggregatedComponent": [Function],
+                    "CellComponent": [Function],
+                    "ExpanderComponent": [Function],
+                    "FilterComponent": [Function],
+                    "LoadingComponent": [Function],
+                    "NoDataComponent": [Function],
+                    "PadRowComponent": [Function],
+                    "PaginationComponent": [Function],
+                    "PivotValueComponent": [Function],
+                    "ResizerComponent": [Function],
+                    "TableComponent": [Function],
+                    "TbodyComponent": [Function],
+                    "TdComponent": [Function],
+                    "TfootComponent": [Function],
+                    "ThComponent": [Function],
+                    "TheadComponent": [Function],
+                    "TrComponent": [Function],
+                    "TrGroupComponent": [Function],
+                    "aggregatedKey": "_aggregated",
+                    "allDecoratedColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "allVisibleColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "canNext": false,
+                    "canPrevious": false,
+                    "className": "",
+                    "collapseOnDataChange": true,
+                    "collapseOnPageChange": true,
+                    "collapseOnSortingChange": true,
+                    "column": Object {
+                      "Aggregated": undefined,
+                      "Cell": undefined,
+                      "Expander": undefined,
+                      "Filter": undefined,
+                      "Footer": undefined,
+                      "Header": undefined,
+                      "Pivot": undefined,
+                      "PivotValue": undefined,
+                      "Placeholder": undefined,
+                      "aggregate": undefined,
+                      "className": "",
+                      "filterAll": false,
+                      "filterMethod": undefined,
+                      "filterable": undefined,
+                      "footerClassName": "",
+                      "footerStyle": Object {},
+                      "getFooterProps": [Function],
+                      "getHeaderProps": [Function],
+                      "getProps": [Function],
+                      "headerClassName": "",
+                      "headerStyle": Object {},
+                      "minResizeWidth": 11,
+                      "minWidth": 100,
+                      "resizable": undefined,
+                      "show": true,
+                      "sortMethod": undefined,
+                      "sortable": undefined,
+                      "style": Object {},
+                    },
+                    "columns": Array [
+                      Object {
+                        "Cell": [Function],
+                        "Header": "id",
+                        "accessor": "id",
+                      },
+                      Object {
+                        "Header": "location",
+                        "accessor": "location",
+                      },
+                      Object {
+                        "Header": "parent_id",
+                        "accessor": "parent_id",
+                      },
+                      Object {
+                        "Header": "spray_coverage",
+                        "accessor": "spray_coverage",
+                      },
+                      Object {
+                        "Header": "spray_effectiveness",
+                        "accessor": "spray_effectiveness",
+                      },
+                    ],
+                    "currentlyResizing": false,
+                    "data": Array [
+                      Object {
+                        "id": 4,
+                        "location": "HFC 1",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "id": 5,
+                        "location": "HFC 2",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                    ],
+                    "defaultExpanded": Object {},
+                    "defaultFilterMethod": [Function],
+                    "defaultFiltered": Array [],
+                    "defaultPage": 0,
+                    "defaultPageSize": 20,
+                    "defaultResized": Array [],
+                    "defaultSortDesc": false,
+                    "defaultSortMethod": [Function],
+                    "defaultSorted": Array [],
+                    "endRow": 20,
+                    "expanded": Object {},
+                    "expanderDefaults": Object {
+                      "filterable": false,
+                      "resizable": false,
+                      "sortable": false,
+                      "width": 35,
+                    },
+                    "filterable": false,
+                    "filtered": Array [],
+                    "freezeWhenExpanded": false,
+                    "frozen": false,
+                    "getLoadingProps": [Function],
+                    "getNoDataProps": [Function],
+                    "getPaginationProps": [Function],
+                    "getProps": [Function],
+                    "getResizerProps": [Function],
+                    "getTableProps": [Function],
+                    "getTbodyProps": [Function],
+                    "getTdProps": [Function],
+                    "getTfootProps": [Function],
+                    "getTfootTdProps": [Function],
+                    "getTfootTrProps": [Function],
+                    "getTheadFilterProps": [Function],
+                    "getTheadFilterThProps": [Function],
+                    "getTheadFilterTrProps": [Function],
+                    "getTheadGroupProps": [Function],
+                    "getTheadGroupThProps": [Function],
+                    "getTheadGroupTrProps": [Function],
+                    "getTheadProps": [Function],
+                    "getTheadThProps": [Function],
+                    "getTheadTrProps": [Function],
+                    "getTrGroupProps": [Function],
+                    "getTrProps": [Function],
+                    "groupedByPivotKey": "_groupedByPivot",
+                    "hasChildren": [Function],
+                    "hasColumnFooter": false,
+                    "hasHeaderGroups": false,
+                    "headerGroups": Array [],
+                    "identifierField": "id",
+                    "indexKey": "_index",
+                    "linkerField": "id",
+                    "loading": false,
+                    "loadingText": "Loading...",
+                    "minRows": 20,
+                    "multiSort": true,
+                    "nestingLevelKey": "_nestingLevel",
+                    "nextText": "Next",
+                    "noDataText": "No rows found",
+                    "ofText": "of",
+                    "onFetchData": [Function],
+                    "originalKey": "_original",
+                    "padRows": Array [
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                    ],
+                    "page": 0,
+                    "pageJumpText": "jump to page",
+                    "pageRows": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 4,
+                          "location": "HFC 1",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 0,
+                        "id": 4,
+                        "location": "HFC 1",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 5,
+                          "location": "HFC 2",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 1,
+                        "id": 5,
+                        "location": "HFC 2",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                    ],
+                    "pageSize": 20,
+                    "pageSizeOptions": Array [
+                      5,
+                      10,
+                      20,
+                      25,
+                      50,
+                      100,
+                    ],
+                    "pageText": "Page",
+                    "pages": 1,
+                    "parentIdentifierField": "parent_id",
+                    "pivotDefaults": Object {},
+                    "pivotIDKey": "_pivotID",
+                    "pivotValKey": "_pivotVal",
+                    "previousText": "Previous",
+                    "resizable": true,
+                    "resized": Array [],
+                    "resolveData": [Function],
+                    "resolvedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 4,
+                          "location": "HFC 1",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 4,
+                        "location": "HFC 1",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 5,
+                          "location": "HFC 2",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 5,
+                        "location": "HFC 2",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                    ],
+                    "rootParentId": null,
+                    "rowMinWidth": 500,
+                    "rowsSelectorText": "rows per page",
+                    "rowsText": "rows",
+                    "showPageJump": true,
+                    "showPageSizeOptions": true,
+                    "showPagination": true,
+                    "showPaginationBottom": true,
+                    "showPaginationTop": false,
+                    "skipNextSort": false,
+                    "sortable": true,
+                    "sorted": Array [],
+                    "sortedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 4,
+                          "location": "HFC 1",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 4,
+                        "location": "HFC 1",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 5,
+                          "location": "HFC 2",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 5,
+                        "location": "HFC 2",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                    ],
+                    "startRow": 0,
+                    "style": Object {},
+                    "subRowsKey": "_subRows",
+                    "useDrillDownTrProps": true,
+                  }
+                }
+              >
+                <div
+                  className="rt-tr -odd"
+                  onClick={[Function]}
+                  role="row"
+                  row={
+                    Object {
+                      "AggregatedComponent": [Function],
+                      "CellComponent": [Function],
+                      "ExpanderComponent": [Function],
+                      "FilterComponent": [Function],
+                      "LoadingComponent": [Function],
+                      "NoDataComponent": [Function],
+                      "PadRowComponent": [Function],
+                      "PaginationComponent": [Function],
+                      "PivotValueComponent": [Function],
+                      "ResizerComponent": [Function],
+                      "TableComponent": [Function],
+                      "TbodyComponent": [Function],
+                      "TdComponent": [Function],
+                      "TfootComponent": [Function],
+                      "ThComponent": [Function],
+                      "TheadComponent": [Function],
+                      "TrComponent": [Function],
+                      "TrGroupComponent": [Function],
+                      "aggregatedKey": "_aggregated",
+                      "allDecoratedColumns": Array [
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": [Function],
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "location",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "location",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "parent_id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "parent_id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_coverage",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_coverage",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_effectiveness",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_effectiveness",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                      ],
+                      "allVisibleColumns": Array [
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": [Function],
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "location",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "location",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "parent_id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "parent_id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_coverage",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_coverage",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_effectiveness",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_effectiveness",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                      ],
+                      "canNext": false,
+                      "canPrevious": false,
+                      "className": "",
+                      "collapseOnDataChange": true,
+                      "collapseOnPageChange": true,
+                      "collapseOnSortingChange": true,
+                      "column": Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": undefined,
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      "columns": Array [
+                        Object {
+                          "Cell": [Function],
+                          "Header": "id",
+                          "accessor": "id",
+                        },
+                        Object {
+                          "Header": "location",
+                          "accessor": "location",
+                        },
+                        Object {
+                          "Header": "parent_id",
+                          "accessor": "parent_id",
+                        },
+                        Object {
+                          "Header": "spray_coverage",
+                          "accessor": "spray_coverage",
+                        },
+                        Object {
+                          "Header": "spray_effectiveness",
+                          "accessor": "spray_effectiveness",
+                        },
+                      ],
+                      "currentlyResizing": false,
+                      "data": Array [
+                        Object {
+                          "id": 4,
+                          "location": "HFC 1",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "id": 5,
+                          "location": "HFC 2",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                      ],
+                      "defaultExpanded": Object {},
+                      "defaultFilterMethod": [Function],
+                      "defaultFiltered": Array [],
+                      "defaultPage": 0,
+                      "defaultPageSize": 20,
+                      "defaultResized": Array [],
+                      "defaultSortDesc": false,
+                      "defaultSortMethod": [Function],
+                      "defaultSorted": Array [],
+                      "endRow": 20,
+                      "expanded": Object {},
+                      "expanderDefaults": Object {
+                        "filterable": false,
+                        "resizable": false,
+                        "sortable": false,
+                        "width": 35,
+                      },
+                      "filterable": false,
+                      "filtered": Array [],
+                      "freezeWhenExpanded": false,
+                      "frozen": false,
+                      "getLoadingProps": [Function],
+                      "getNoDataProps": [Function],
+                      "getPaginationProps": [Function],
+                      "getProps": [Function],
+                      "getResizerProps": [Function],
+                      "getTableProps": [Function],
+                      "getTbodyProps": [Function],
+                      "getTdProps": [Function],
+                      "getTfootProps": [Function],
+                      "getTfootTdProps": [Function],
+                      "getTfootTrProps": [Function],
+                      "getTheadFilterProps": [Function],
+                      "getTheadFilterThProps": [Function],
+                      "getTheadFilterTrProps": [Function],
+                      "getTheadGroupProps": [Function],
+                      "getTheadGroupThProps": [Function],
+                      "getTheadGroupTrProps": [Function],
+                      "getTheadProps": [Function],
+                      "getTheadThProps": [Function],
+                      "getTheadTrProps": [Function],
+                      "getTrGroupProps": [Function],
+                      "getTrProps": [Function],
+                      "groupedByPivotKey": "_groupedByPivot",
+                      "hasChildren": [Function],
+                      "hasColumnFooter": false,
+                      "hasHeaderGroups": false,
+                      "headerGroups": Array [],
+                      "identifierField": "id",
+                      "indexKey": "_index",
+                      "linkerField": "id",
+                      "loading": false,
+                      "loadingText": "Loading...",
+                      "minRows": 20,
+                      "multiSort": true,
+                      "nestingLevelKey": "_nestingLevel",
+                      "nextText": "Next",
+                      "noDataText": "No rows found",
+                      "ofText": "of",
+                      "onFetchData": [Function],
+                      "originalKey": "_original",
+                      "padRows": Array [
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                      ],
+                      "page": 0,
+                      "pageJumpText": "jump to page",
+                      "pageRows": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 4,
+                            "location": "HFC 1",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          "_subRows": undefined,
+                          "_viewIndex": 0,
+                          "id": 4,
+                          "location": "HFC 1",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 5,
+                            "location": "HFC 2",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          "_subRows": undefined,
+                          "_viewIndex": 1,
+                          "id": 5,
+                          "location": "HFC 2",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                      ],
+                      "pageSize": 20,
+                      "pageSizeOptions": Array [
+                        5,
+                        10,
+                        20,
+                        25,
+                        50,
+                        100,
+                      ],
+                      "pageText": "Page",
+                      "pages": 1,
+                      "parentIdentifierField": "parent_id",
+                      "pivotDefaults": Object {},
+                      "pivotIDKey": "_pivotID",
+                      "pivotValKey": "_pivotVal",
+                      "previousText": "Previous",
+                      "resizable": true,
+                      "resized": Array [],
+                      "resolveData": [Function],
+                      "resolvedData": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 4,
+                            "location": "HFC 1",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          "_subRows": undefined,
+                          "id": 4,
+                          "location": "HFC 1",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 5,
+                            "location": "HFC 2",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          "_subRows": undefined,
+                          "id": 5,
+                          "location": "HFC 2",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                      ],
+                      "rootParentId": null,
+                      "rowMinWidth": 500,
+                      "rowsSelectorText": "rows per page",
+                      "rowsText": "rows",
+                      "showPageJump": true,
+                      "showPageSizeOptions": true,
+                      "showPagination": true,
+                      "showPaginationBottom": true,
+                      "showPaginationTop": false,
+                      "skipNextSort": false,
+                      "sortable": true,
+                      "sorted": Array [],
+                      "sortedData": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 4,
+                            "location": "HFC 1",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          "_subRows": undefined,
+                          "id": 4,
+                          "location": "HFC 1",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 5,
+                            "location": "HFC 2",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          "_subRows": undefined,
+                          "id": 5,
+                          "location": "HFC 2",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                      ],
+                      "startRow": 0,
+                      "style": Object {},
+                      "subRowsKey": "_subRows",
+                      "useDrillDownTrProps": true,
+                    }
+                  }
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <Component
+                        classes={
+                          Array [
+                            undefined,
+                            "",
+                            undefined,
+                          ]
+                        }
+                        column={
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": [Function],
+                            "Expander": undefined,
                             "Filter": undefined,
                             "Footer": undefined,
-                            "Header": "spray_coverage",
+                            "Header": "id",
                             "Pivot": undefined,
                             "PivotValue": undefined,
                             "Placeholder": undefined,
@@ -8634,7 +12588,7 @@ exports[`DrillDownTable click to drill down works 2`] = `
                             "getProps": [Function],
                             "headerClassName": "",
                             "headerStyle": Object {},
-                            "id": "spray_coverage",
+                            "id": "id",
                             "minResizeWidth": 11,
                             "minWidth": 100,
                             "resizable": undefined,
@@ -8642,112 +12596,1557 @@ exports[`DrillDownTable click to drill down works 2`] = `
                             "sortMethod": undefined,
                             "sortable": undefined,
                             "style": Object {},
+                          }
+                        }
+                        columnProps={
+                          Object {
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
+                          }
+                        }
+                        index={0}
+                        level={0}
+                        nestingPath={
+                          Array [
+                            0,
+                          ]
+                        }
+                        original={
+                          Object {
+                            "id": 4,
+                            "location": "HFC 1",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          }
+                        }
+                        page={0}
+                        pageSize={20}
+                        resized={Array []}
+                        row={
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 4,
+                              "location": "HFC 1",
+                              "parent_id": 1,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "80%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 0,
+                            "id": 4,
+                            "location": "HFC 1",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          }
+                        }
+                        show={true}
+                        styles={Object {}}
+                        tdProps={
+                          Object {
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
+                          }
+                        }
+                        value={4}
+                        viewIndex={0}
+                        width={100}
+                      >
+                        <DropDownCell
+                          cellValue={4}
+                          hasChildren={true}
+                        >
+                          <div
+                            className="dd-linker-item dd-clickable"
+                          >
+                            <span>
+                              4
+                              <span
+                                className="dd-caret"
+                              >
+                                 ▼
+                              </span>
+                            </span>
+                          </div>
+                        </DropDownCell>
+                      </Component>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      HFC 1
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      1
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      80%
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      80%
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="1"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-even"
+                onClick={[Function]}
+                row={
+                  Object {
+                    "AggregatedComponent": [Function],
+                    "CellComponent": [Function],
+                    "ExpanderComponent": [Function],
+                    "FilterComponent": [Function],
+                    "LoadingComponent": [Function],
+                    "NoDataComponent": [Function],
+                    "PadRowComponent": [Function],
+                    "PaginationComponent": [Function],
+                    "PivotValueComponent": [Function],
+                    "ResizerComponent": [Function],
+                    "TableComponent": [Function],
+                    "TbodyComponent": [Function],
+                    "TdComponent": [Function],
+                    "TfootComponent": [Function],
+                    "ThComponent": [Function],
+                    "TheadComponent": [Function],
+                    "TrComponent": [Function],
+                    "TrGroupComponent": [Function],
+                    "aggregatedKey": "_aggregated",
+                    "allDecoratedColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "allVisibleColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "canNext": false,
+                    "canPrevious": false,
+                    "className": "",
+                    "collapseOnDataChange": true,
+                    "collapseOnPageChange": true,
+                    "collapseOnSortingChange": true,
+                    "column": Object {
+                      "Aggregated": undefined,
+                      "Cell": undefined,
+                      "Expander": undefined,
+                      "Filter": undefined,
+                      "Footer": undefined,
+                      "Header": undefined,
+                      "Pivot": undefined,
+                      "PivotValue": undefined,
+                      "Placeholder": undefined,
+                      "aggregate": undefined,
+                      "className": "",
+                      "filterAll": false,
+                      "filterMethod": undefined,
+                      "filterable": undefined,
+                      "footerClassName": "",
+                      "footerStyle": Object {},
+                      "getFooterProps": [Function],
+                      "getHeaderProps": [Function],
+                      "getProps": [Function],
+                      "headerClassName": "",
+                      "headerStyle": Object {},
+                      "minResizeWidth": 11,
+                      "minWidth": 100,
+                      "resizable": undefined,
+                      "show": true,
+                      "sortMethod": undefined,
+                      "sortable": undefined,
+                      "style": Object {},
+                    },
+                    "columns": Array [
+                      Object {
+                        "Cell": [Function],
+                        "Header": "id",
+                        "accessor": "id",
+                      },
+                      Object {
+                        "Header": "location",
+                        "accessor": "location",
+                      },
+                      Object {
+                        "Header": "parent_id",
+                        "accessor": "parent_id",
+                      },
+                      Object {
+                        "Header": "spray_coverage",
+                        "accessor": "spray_coverage",
+                      },
+                      Object {
+                        "Header": "spray_effectiveness",
+                        "accessor": "spray_effectiveness",
+                      },
+                    ],
+                    "currentlyResizing": false,
+                    "data": Array [
+                      Object {
+                        "id": 4,
+                        "location": "HFC 1",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "id": 5,
+                        "location": "HFC 2",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                    ],
+                    "defaultExpanded": Object {},
+                    "defaultFilterMethod": [Function],
+                    "defaultFiltered": Array [],
+                    "defaultPage": 0,
+                    "defaultPageSize": 20,
+                    "defaultResized": Array [],
+                    "defaultSortDesc": false,
+                    "defaultSortMethod": [Function],
+                    "defaultSorted": Array [],
+                    "endRow": 20,
+                    "expanded": Object {},
+                    "expanderDefaults": Object {
+                      "filterable": false,
+                      "resizable": false,
+                      "sortable": false,
+                      "width": 35,
+                    },
+                    "filterable": false,
+                    "filtered": Array [],
+                    "freezeWhenExpanded": false,
+                    "frozen": false,
+                    "getLoadingProps": [Function],
+                    "getNoDataProps": [Function],
+                    "getPaginationProps": [Function],
+                    "getProps": [Function],
+                    "getResizerProps": [Function],
+                    "getTableProps": [Function],
+                    "getTbodyProps": [Function],
+                    "getTdProps": [Function],
+                    "getTfootProps": [Function],
+                    "getTfootTdProps": [Function],
+                    "getTfootTrProps": [Function],
+                    "getTheadFilterProps": [Function],
+                    "getTheadFilterThProps": [Function],
+                    "getTheadFilterTrProps": [Function],
+                    "getTheadGroupProps": [Function],
+                    "getTheadGroupThProps": [Function],
+                    "getTheadGroupTrProps": [Function],
+                    "getTheadProps": [Function],
+                    "getTheadThProps": [Function],
+                    "getTheadTrProps": [Function],
+                    "getTrGroupProps": [Function],
+                    "getTrProps": [Function],
+                    "groupedByPivotKey": "_groupedByPivot",
+                    "hasChildren": [Function],
+                    "hasColumnFooter": false,
+                    "hasHeaderGroups": false,
+                    "headerGroups": Array [],
+                    "identifierField": "id",
+                    "indexKey": "_index",
+                    "linkerField": "id",
+                    "loading": false,
+                    "loadingText": "Loading...",
+                    "minRows": 20,
+                    "multiSort": true,
+                    "nestingLevelKey": "_nestingLevel",
+                    "nextText": "Next",
+                    "noDataText": "No rows found",
+                    "ofText": "of",
+                    "onFetchData": [Function],
+                    "originalKey": "_original",
+                    "padRows": Array [
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                      18,
+                    ],
+                    "page": 0,
+                    "pageJumpText": "jump to page",
+                    "pageRows": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 4,
+                          "location": "HFC 1",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 0,
+                        "id": 4,
+                        "location": "HFC 1",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 5,
+                          "location": "HFC 2",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 1,
+                        "id": 5,
+                        "location": "HFC 2",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                    ],
+                    "pageSize": 20,
+                    "pageSizeOptions": Array [
+                      5,
+                      10,
+                      20,
+                      25,
+                      50,
+                      100,
+                    ],
+                    "pageText": "Page",
+                    "pages": 1,
+                    "parentIdentifierField": "parent_id",
+                    "pivotDefaults": Object {},
+                    "pivotIDKey": "_pivotID",
+                    "pivotValKey": "_pivotVal",
+                    "previousText": "Previous",
+                    "resizable": true,
+                    "resized": Array [],
+                    "resolveData": [Function],
+                    "resolvedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 4,
+                          "location": "HFC 1",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 4,
+                        "location": "HFC 1",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 5,
+                          "location": "HFC 2",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 5,
+                        "location": "HFC 2",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                    ],
+                    "rootParentId": null,
+                    "rowMinWidth": 500,
+                    "rowsSelectorText": "rows per page",
+                    "rowsText": "rows",
+                    "showPageJump": true,
+                    "showPageSizeOptions": true,
+                    "showPagination": true,
+                    "showPaginationBottom": true,
+                    "showPaginationTop": false,
+                    "skipNextSort": false,
+                    "sortable": true,
+                    "sorted": Array [],
+                    "sortedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 4,
+                          "location": "HFC 1",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 4,
+                        "location": "HFC 1",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 5,
+                          "location": "HFC 2",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        "_subRows": undefined,
+                        "id": 5,
+                        "location": "HFC 2",
+                        "parent_id": 1,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "80%",
+                      },
+                    ],
+                    "startRow": 0,
+                    "style": Object {},
+                    "subRowsKey": "_subRows",
+                    "useDrillDownTrProps": true,
+                  }
+                }
+              >
+                <div
+                  className="rt-tr -even"
+                  onClick={[Function]}
+                  role="row"
+                  row={
+                    Object {
+                      "AggregatedComponent": [Function],
+                      "CellComponent": [Function],
+                      "ExpanderComponent": [Function],
+                      "FilterComponent": [Function],
+                      "LoadingComponent": [Function],
+                      "NoDataComponent": [Function],
+                      "PadRowComponent": [Function],
+                      "PaginationComponent": [Function],
+                      "PivotValueComponent": [Function],
+                      "ResizerComponent": [Function],
+                      "TableComponent": [Function],
+                      "TbodyComponent": [Function],
+                      "TdComponent": [Function],
+                      "TfootComponent": [Function],
+                      "ThComponent": [Function],
+                      "TheadComponent": [Function],
+                      "TrComponent": [Function],
+                      "TrGroupComponent": [Function],
+                      "aggregatedKey": "_aggregated",
+                      "allDecoratedColumns": Array [
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": [Function],
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "location",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "location",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "parent_id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "parent_id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_coverage",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_coverage",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_effectiveness",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_effectiveness",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                      ],
+                      "allVisibleColumns": Array [
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": [Function],
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "location",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "location",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "parent_id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "parent_id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_coverage",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_coverage",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_effectiveness",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_effectiveness",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                      ],
+                      "canNext": false,
+                      "canPrevious": false,
+                      "className": "",
+                      "collapseOnDataChange": true,
+                      "collapseOnPageChange": true,
+                      "collapseOnSortingChange": true,
+                      "column": Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": undefined,
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      "columns": Array [
+                        Object {
+                          "Cell": [Function],
+                          "Header": "id",
+                          "accessor": "id",
+                        },
+                        Object {
+                          "Header": "location",
+                          "accessor": "location",
+                        },
+                        Object {
+                          "Header": "parent_id",
+                          "accessor": "parent_id",
+                        },
+                        Object {
+                          "Header": "spray_coverage",
+                          "accessor": "spray_coverage",
+                        },
+                        Object {
+                          "Header": "spray_effectiveness",
+                          "accessor": "spray_effectiveness",
+                        },
+                      ],
+                      "currentlyResizing": false,
+                      "data": Array [
+                        Object {
+                          "id": 4,
+                          "location": "HFC 1",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "id": 5,
+                          "location": "HFC 2",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                      ],
+                      "defaultExpanded": Object {},
+                      "defaultFilterMethod": [Function],
+                      "defaultFiltered": Array [],
+                      "defaultPage": 0,
+                      "defaultPageSize": 20,
+                      "defaultResized": Array [],
+                      "defaultSortDesc": false,
+                      "defaultSortMethod": [Function],
+                      "defaultSorted": Array [],
+                      "endRow": 20,
+                      "expanded": Object {},
+                      "expanderDefaults": Object {
+                        "filterable": false,
+                        "resizable": false,
+                        "sortable": false,
+                        "width": 35,
+                      },
+                      "filterable": false,
+                      "filtered": Array [],
+                      "freezeWhenExpanded": false,
+                      "frozen": false,
+                      "getLoadingProps": [Function],
+                      "getNoDataProps": [Function],
+                      "getPaginationProps": [Function],
+                      "getProps": [Function],
+                      "getResizerProps": [Function],
+                      "getTableProps": [Function],
+                      "getTbodyProps": [Function],
+                      "getTdProps": [Function],
+                      "getTfootProps": [Function],
+                      "getTfootTdProps": [Function],
+                      "getTfootTrProps": [Function],
+                      "getTheadFilterProps": [Function],
+                      "getTheadFilterThProps": [Function],
+                      "getTheadFilterTrProps": [Function],
+                      "getTheadGroupProps": [Function],
+                      "getTheadGroupThProps": [Function],
+                      "getTheadGroupTrProps": [Function],
+                      "getTheadProps": [Function],
+                      "getTheadThProps": [Function],
+                      "getTheadTrProps": [Function],
+                      "getTrGroupProps": [Function],
+                      "getTrProps": [Function],
+                      "groupedByPivotKey": "_groupedByPivot",
+                      "hasChildren": [Function],
+                      "hasColumnFooter": false,
+                      "hasHeaderGroups": false,
+                      "headerGroups": Array [],
+                      "identifierField": "id",
+                      "indexKey": "_index",
+                      "linkerField": "id",
+                      "loading": false,
+                      "loadingText": "Loading...",
+                      "minRows": 20,
+                      "multiSort": true,
+                      "nestingLevelKey": "_nestingLevel",
+                      "nextText": "Next",
+                      "noDataText": "No rows found",
+                      "ofText": "of",
+                      "onFetchData": [Function],
+                      "originalKey": "_original",
+                      "padRows": Array [
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                        18,
+                      ],
+                      "page": 0,
+                      "pageJumpText": "jump to page",
+                      "pageRows": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 4,
+                            "location": "HFC 1",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
                           },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_effectiveness",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_effectiveness",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
+                          "_subRows": undefined,
+                          "_viewIndex": 0,
+                          "id": 4,
+                          "location": "HFC 1",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 5,
+                            "location": "HFC 2",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
                           },
-                        ],
-                        "allVisibleColumns": Array [
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": [Function],
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
+                          "_subRows": undefined,
+                          "_viewIndex": 1,
+                          "id": 5,
+                          "location": "HFC 2",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                      ],
+                      "pageSize": 20,
+                      "pageSizeOptions": Array [
+                        5,
+                        10,
+                        20,
+                        25,
+                        50,
+                        100,
+                      ],
+                      "pageText": "Page",
+                      "pages": 1,
+                      "parentIdentifierField": "parent_id",
+                      "pivotDefaults": Object {},
+                      "pivotIDKey": "_pivotID",
+                      "pivotValKey": "_pivotVal",
+                      "previousText": "Previous",
+                      "resizable": true,
+                      "resized": Array [],
+                      "resolveData": [Function],
+                      "resolvedData": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 4,
+                            "location": "HFC 1",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
                           },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "location",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "location",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
+                          "_subRows": undefined,
+                          "id": 4,
+                          "location": "HFC 1",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 5,
+                            "location": "HFC 2",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          "_subRows": undefined,
+                          "id": 5,
+                          "location": "HFC 2",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                      ],
+                      "rootParentId": null,
+                      "rowMinWidth": 500,
+                      "rowsSelectorText": "rows per page",
+                      "rowsText": "rows",
+                      "showPageJump": true,
+                      "showPageSizeOptions": true,
+                      "showPagination": true,
+                      "showPaginationBottom": true,
+                      "showPaginationTop": false,
+                      "skipNextSort": false,
+                      "sortable": true,
+                      "sorted": Array [],
+                      "sortedData": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 4,
+                            "location": "HFC 1",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          "_subRows": undefined,
+                          "id": 4,
+                          "location": "HFC 1",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
+                            "id": 5,
+                            "location": "HFC 2",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
                           },
+                          "_subRows": undefined,
+                          "id": 5,
+                          "location": "HFC 2",
+                          "parent_id": 1,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "80%",
+                        },
+                      ],
+                      "startRow": 0,
+                      "style": Object {},
+                      "subRowsKey": "_subRows",
+                      "useDrillDownTrProps": true,
+                    }
+                  }
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <Component
+                        classes={
+                          Array [
+                            undefined,
+                            "",
+                            undefined,
+                          ]
+                        }
+                        column={
                           Object {
                             "Aggregated": undefined,
-                            "Cell": undefined,
+                            "Cell": [Function],
                             "Expander": undefined,
                             "Filter": undefined,
                             "Footer": undefined,
-                            "Header": "parent_id",
+                            "Header": "id",
                             "Pivot": undefined,
                             "PivotValue": undefined,
                             "Placeholder": undefined,
@@ -8764,7 +14163,7 @@ exports[`DrillDownTable click to drill down works 2`] = `
                             "getProps": [Function],
                             "headerClassName": "",
                             "headerStyle": Object {},
-                            "id": "parent_id",
+                            "id": "id",
                             "minResizeWidth": 11,
                             "minWidth": 100,
                             "resizable": undefined,
@@ -8772,88 +14171,5230 @@ exports[`DrillDownTable click to drill down works 2`] = `
                             "sortMethod": undefined,
                             "sortable": undefined,
                             "style": Object {},
-                          },
+                          }
+                        }
+                        columnProps={
                           Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_coverage",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_coverage",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
+                          }
+                        }
+                        index={1}
+                        level={0}
+                        nestingPath={
+                          Array [
+                            1,
+                          ]
+                        }
+                        original={
                           Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_effectiveness",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_effectiveness",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                        ],
-                        "canNext": false,
-                        "canPrevious": false,
+                            "id": 5,
+                            "location": "HFC 2",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          }
+                        }
+                        page={0}
+                        pageSize={20}
+                        resized={Array []}
+                        row={
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 5,
+                              "location": "HFC 2",
+                              "parent_id": 1,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "80%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 1,
+                            "id": 5,
+                            "location": "HFC 2",
+                            "parent_id": 1,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          }
+                        }
+                        show={true}
+                        styles={Object {}}
+                        tdProps={
+                          Object {
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
+                          }
+                        }
+                        value={5}
+                        viewIndex={1}
+                        width={100}
+                      >
+                        <DropDownCell
+                          cellValue={5}
+                          hasChildren={true}
+                        >
+                          <div
+                            className="dd-linker-item dd-clickable"
+                          >
+                            <span>
+                              5
+                              <span
+                                className="dd-caret"
+                              >
+                                 ▼
+                              </span>
+                            </span>
+                          </div>
+                        </DropDownCell>
+                      </Component>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      HFC 2
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      1
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      80%
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      80%
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-0"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-1"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-2"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-3"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-4"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-5"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-6"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-7"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-8"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-9"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-10"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-11"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-12"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-13"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-14"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-15"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-16"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-17"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+        </div>
+      </Tbody>
+    </div>
+  </TableComponent>
+  <div
+    className="pagination-bottom"
+  >
+    <ReactTablePagination
+      AggregatedComponent={[Function]}
+      CellComponent={[Function]}
+      ExpanderComponent={[Function]}
+      FilterComponent={[Function]}
+      LoadingComponent={[Function]}
+      NextComponent={[Function]}
+      NoDataComponent={[Function]}
+      PadRowComponent={[Function]}
+      PaginationComponent={[Function]}
+      PivotValueComponent={[Function]}
+      PreviousComponent={[Function]}
+      ResizerComponent={[Function]}
+      TableComponent={[Function]}
+      TbodyComponent={[Function]}
+      TdComponent={[Function]}
+      TfootComponent={[Function]}
+      ThComponent={[Function]}
+      TheadComponent={[Function]}
+      TrComponent={[Function]}
+      TrGroupComponent={[Function]}
+      aggregatedKey="_aggregated"
+      allDecoratedColumns={
+        Array [
+          Object {
+            "Aggregated": undefined,
+            "Cell": [Function],
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "id",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "id",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "location",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "location",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "parent_id",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "parent_id",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "spray_coverage",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "spray_coverage",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "spray_effectiveness",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "spray_effectiveness",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+        ]
+      }
+      allVisibleColumns={
+        Array [
+          Object {
+            "Aggregated": undefined,
+            "Cell": [Function],
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "id",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "id",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "location",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "location",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "parent_id",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "parent_id",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "spray_coverage",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "spray_coverage",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "spray_effectiveness",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "spray_effectiveness",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+        ]
+      }
+      canNext={false}
+      canPrevious={false}
+      collapseOnDataChange={true}
+      collapseOnPageChange={true}
+      collapseOnSortingChange={true}
+      column={
+        Object {
+          "Aggregated": undefined,
+          "Cell": undefined,
+          "Expander": undefined,
+          "Filter": undefined,
+          "Footer": undefined,
+          "Header": undefined,
+          "Pivot": undefined,
+          "PivotValue": undefined,
+          "Placeholder": undefined,
+          "aggregate": undefined,
+          "className": "",
+          "filterAll": false,
+          "filterMethod": undefined,
+          "filterable": undefined,
+          "footerClassName": "",
+          "footerStyle": Object {},
+          "getFooterProps": [Function],
+          "getHeaderProps": [Function],
+          "getProps": [Function],
+          "headerClassName": "",
+          "headerStyle": Object {},
+          "minResizeWidth": 11,
+          "minWidth": 100,
+          "resizable": undefined,
+          "show": true,
+          "sortMethod": undefined,
+          "sortable": undefined,
+          "style": Object {},
+        }
+      }
+      columns={
+        Array [
+          Object {
+            "Cell": [Function],
+            "Header": "id",
+            "accessor": "id",
+          },
+          Object {
+            "Header": "location",
+            "accessor": "location",
+          },
+          Object {
+            "Header": "parent_id",
+            "accessor": "parent_id",
+          },
+          Object {
+            "Header": "spray_coverage",
+            "accessor": "spray_coverage",
+          },
+          Object {
+            "Header": "spray_effectiveness",
+            "accessor": "spray_effectiveness",
+          },
+        ]
+      }
+      currentlyResizing={false}
+      data={
+        Array [
+          Object {
+            "id": 4,
+            "location": "HFC 1",
+            "parent_id": 1,
+            "spray_coverage": "80%",
+            "spray_effectiveness": "80%",
+          },
+          Object {
+            "id": 5,
+            "location": "HFC 2",
+            "parent_id": 1,
+            "spray_coverage": "80%",
+            "spray_effectiveness": "80%",
+          },
+        ]
+      }
+      defaultExpanded={Object {}}
+      defaultFilterMethod={[Function]}
+      defaultFiltered={Array []}
+      defaultPage={0}
+      defaultPageSize={20}
+      defaultResized={Array []}
+      defaultSortDesc={false}
+      defaultSortMethod={[Function]}
+      defaultSorted={Array []}
+      expanded={Object {}}
+      expanderDefaults={
+        Object {
+          "filterable": false,
+          "resizable": false,
+          "sortable": false,
+          "width": 35,
+        }
+      }
+      filterable={false}
+      filtered={Array []}
+      freezeWhenExpanded={false}
+      frozen={false}
+      getLoadingProps={[Function]}
+      getNoDataProps={[Function]}
+      getPaginationProps={[Function]}
+      getProps={[Function]}
+      getResizerProps={[Function]}
+      getTableProps={[Function]}
+      getTbodyProps={[Function]}
+      getTdProps={[Function]}
+      getTfootProps={[Function]}
+      getTfootTdProps={[Function]}
+      getTfootTrProps={[Function]}
+      getTheadFilterProps={[Function]}
+      getTheadFilterThProps={[Function]}
+      getTheadFilterTrProps={[Function]}
+      getTheadGroupProps={[Function]}
+      getTheadGroupThProps={[Function]}
+      getTheadGroupTrProps={[Function]}
+      getTheadProps={[Function]}
+      getTheadThProps={[Function]}
+      getTheadTrProps={[Function]}
+      getTrGroupProps={[Function]}
+      getTrProps={[Function]}
+      groupedByPivotKey="_groupedByPivot"
+      hasChildren={[Function]}
+      hasHeaderGroups={false}
+      headerGroups={Array []}
+      identifierField="id"
+      indexKey="_index"
+      isTop={false}
+      linkerField="id"
+      loading={false}
+      loadingText="Loading..."
+      multiSort={true}
+      nestingLevelKey="_nestingLevel"
+      nextText="Next"
+      noDataText="No rows found"
+      ofText="of"
+      onFetchData={[Function]}
+      onPageChange={[Function]}
+      onPageSizeChange={[Function]}
+      originalKey="_original"
+      page={0}
+      pageJumpText="jump to page"
+      pageSize={20}
+      pageSizeOptions={
+        Array [
+          5,
+          10,
+          20,
+          25,
+          50,
+          100,
+        ]
+      }
+      pageText="Page"
+      pages={1}
+      parentIdentifierField="parent_id"
+      pivotDefaults={Object {}}
+      pivotIDKey="_pivotID"
+      pivotValKey="_pivotVal"
+      previousText="Previous"
+      renderCurrentPage={[Function]}
+      renderPageJump={[Function]}
+      renderPageSizeOptions={[Function]}
+      renderTotalPagesCount={[Function]}
+      resizable={true}
+      resized={Array []}
+      resolveData={[Function]}
+      resolvedData={
+        Array [
+          Object {
+            "_index": 0,
+            "_nestingLevel": 0,
+            "_original": Object {
+              "id": 4,
+              "location": "HFC 1",
+              "parent_id": 1,
+              "spray_coverage": "80%",
+              "spray_effectiveness": "80%",
+            },
+            "_subRows": undefined,
+            "id": 4,
+            "location": "HFC 1",
+            "parent_id": 1,
+            "spray_coverage": "80%",
+            "spray_effectiveness": "80%",
+          },
+          Object {
+            "_index": 1,
+            "_nestingLevel": 0,
+            "_original": Object {
+              "id": 5,
+              "location": "HFC 2",
+              "parent_id": 1,
+              "spray_coverage": "80%",
+              "spray_effectiveness": "80%",
+            },
+            "_subRows": undefined,
+            "id": 5,
+            "location": "HFC 2",
+            "parent_id": 1,
+            "spray_coverage": "80%",
+            "spray_effectiveness": "80%",
+          },
+        ]
+      }
+      rootParentId={null}
+      rowsSelectorText="rows per page"
+      rowsText="rows"
+      showPageJump={true}
+      showPageSizeOptions={true}
+      showPagination={true}
+      showPaginationBottom={true}
+      showPaginationTop={false}
+      skipNextSort={false}
+      sortable={true}
+      sorted={Array []}
+      sortedData={
+        Array [
+          Object {
+            "_index": 0,
+            "_nestingLevel": 0,
+            "_original": Object {
+              "id": 4,
+              "location": "HFC 1",
+              "parent_id": 1,
+              "spray_coverage": "80%",
+              "spray_effectiveness": "80%",
+            },
+            "_subRows": undefined,
+            "id": 4,
+            "location": "HFC 1",
+            "parent_id": 1,
+            "spray_coverage": "80%",
+            "spray_effectiveness": "80%",
+          },
+          Object {
+            "_index": 1,
+            "_nestingLevel": 0,
+            "_original": Object {
+              "id": 5,
+              "location": "HFC 2",
+              "parent_id": 1,
+              "spray_coverage": "80%",
+              "spray_effectiveness": "80%",
+            },
+            "_subRows": undefined,
+            "id": 5,
+            "location": "HFC 2",
+            "parent_id": 1,
+            "spray_coverage": "80%",
+            "spray_effectiveness": "80%",
+          },
+        ]
+      }
+      subRowsKey="_subRows"
+      useDrillDownTrProps={true}
+    >
+      <div
+        className="-pagination"
+      >
+        <div
+          className="-previous"
+        >
+          <defaultButton
+            disabled={true}
+            onClick={[Function]}
+          >
+            <button
+              className="-btn"
+              disabled={true}
+              onClick={[Function]}
+              type="button"
+            >
+              Previous
+            </button>
+          </defaultButton>
+        </div>
+        <div
+          className="-center"
+        >
+          <span
+            className="-pageInfo"
+          >
+            Page
+             
+            <div
+              className="-pageJump"
+            >
+              <input
+                aria-label="jump to page"
+                onBlur={[Function]}
+                onChange={[Function]}
+                onKeyPress={[Function]}
+                type="number"
+                value={1}
+              />
+            </div>
+             
+            of
+             
+            <span
+              className="-totalPages"
+            >
+              1
+            </span>
+          </span>
+          <span
+            className="select-wrap -pageSizeOptions"
+          >
+            <select
+              aria-label="rows per page"
+              onChange={[Function]}
+              value={20}
+            >
+              <option
+                key="0"
+                value={5}
+              >
+                5 rows
+              </option>
+              <option
+                key="1"
+                value={10}
+              >
+                10 rows
+              </option>
+              <option
+                key="2"
+                value={20}
+              >
+                20 rows
+              </option>
+              <option
+                key="3"
+                value={25}
+              >
+                25 rows
+              </option>
+              <option
+                key="4"
+                value={50}
+              >
+                50 rows
+              </option>
+              <option
+                key="5"
+                value={100}
+              >
+                100 rows
+              </option>
+            </select>
+          </span>
+        </div>
+        <div
+          className="-next"
+        >
+          <defaultButton
+            disabled={true}
+            onClick={[Function]}
+          >
+            <button
+              className="-btn"
+              disabled={true}
+              onClick={[Function]}
+              type="button"
+            >
+              Next
+            </button>
+          </defaultButton>
+        </div>
+      </div>
+    </ReactTablePagination>
+  </div>
+  <LoadingComponent
+    loading={false}
+    loadingText="Loading..."
+  >
+    <div
+      className="-loading"
+    >
+      <div
+        className="-loading-inner"
+      >
+        Loading...
+      </div>
+    </div>
+  </LoadingComponent>
+</div>
+`;
+
+exports[`DrillDownTable click to drill down works 3`] = `
+<div
+  className="ReactTable"
+  style={Object {}}
+>
+  <TableComponent
+    className=""
+  >
+    <div
+      className="rt-table"
+      role="grid"
+    >
+      <Thead
+        className="-header"
+        style={
+          Object {
+            "minWidth": "500px",
+          }
+        }
+      >
+        <div
+          className="rt-thead -header"
+          style={
+            Object {
+              "minWidth": "500px",
+            }
+          }
+        >
+          <TrComponent>
+            <div
+              className="rt-tr"
+              role="row"
+            >
+              <ThComponent
+                className="rt-resizable-header -cursor-pointer"
+                key="0-id"
+                style={
+                  Object {
+                    "flex": "100 0 auto",
+                    "maxWidth": null,
+                    "width": "100px",
+                  }
+                }
+                toggleSort={[Function]}
+              >
+                <div
+                  className="rt-th rt-resizable-header -cursor-pointer"
+                  onClick={[Function]}
+                  role="columnheader"
+                  style={
+                    Object {
+                      "flex": "100 0 auto",
+                      "maxWidth": null,
+                      "width": "100px",
+                    }
+                  }
+                  tabIndex="-1"
+                >
+                  <div
+                    className="rt-resizable-header-content"
+                  >
+                    id
+                  </div>
+                  <Resizer
+                    onMouseDown={[Function]}
+                    onTouchStart={[Function]}
+                  >
+                    <div
+                      className="rt-resizer"
+                      onMouseDown={[Function]}
+                      onTouchStart={[Function]}
+                    />
+                  </Resizer>
+                </div>
+              </ThComponent>
+              <ThComponent
+                className="rt-resizable-header -cursor-pointer"
+                key="1-location"
+                style={
+                  Object {
+                    "flex": "100 0 auto",
+                    "maxWidth": null,
+                    "width": "100px",
+                  }
+                }
+                toggleSort={[Function]}
+              >
+                <div
+                  className="rt-th rt-resizable-header -cursor-pointer"
+                  onClick={[Function]}
+                  role="columnheader"
+                  style={
+                    Object {
+                      "flex": "100 0 auto",
+                      "maxWidth": null,
+                      "width": "100px",
+                    }
+                  }
+                  tabIndex="-1"
+                >
+                  <div
+                    className="rt-resizable-header-content"
+                  >
+                    location
+                  </div>
+                  <Resizer
+                    onMouseDown={[Function]}
+                    onTouchStart={[Function]}
+                  >
+                    <div
+                      className="rt-resizer"
+                      onMouseDown={[Function]}
+                      onTouchStart={[Function]}
+                    />
+                  </Resizer>
+                </div>
+              </ThComponent>
+              <ThComponent
+                className="rt-resizable-header -cursor-pointer"
+                key="2-parent_id"
+                style={
+                  Object {
+                    "flex": "100 0 auto",
+                    "maxWidth": null,
+                    "width": "100px",
+                  }
+                }
+                toggleSort={[Function]}
+              >
+                <div
+                  className="rt-th rt-resizable-header -cursor-pointer"
+                  onClick={[Function]}
+                  role="columnheader"
+                  style={
+                    Object {
+                      "flex": "100 0 auto",
+                      "maxWidth": null,
+                      "width": "100px",
+                    }
+                  }
+                  tabIndex="-1"
+                >
+                  <div
+                    className="rt-resizable-header-content"
+                  >
+                    parent_id
+                  </div>
+                  <Resizer
+                    onMouseDown={[Function]}
+                    onTouchStart={[Function]}
+                  >
+                    <div
+                      className="rt-resizer"
+                      onMouseDown={[Function]}
+                      onTouchStart={[Function]}
+                    />
+                  </Resizer>
+                </div>
+              </ThComponent>
+              <ThComponent
+                className="rt-resizable-header -cursor-pointer"
+                key="3-spray_coverage"
+                style={
+                  Object {
+                    "flex": "100 0 auto",
+                    "maxWidth": null,
+                    "width": "100px",
+                  }
+                }
+                toggleSort={[Function]}
+              >
+                <div
+                  className="rt-th rt-resizable-header -cursor-pointer"
+                  onClick={[Function]}
+                  role="columnheader"
+                  style={
+                    Object {
+                      "flex": "100 0 auto",
+                      "maxWidth": null,
+                      "width": "100px",
+                    }
+                  }
+                  tabIndex="-1"
+                >
+                  <div
+                    className="rt-resizable-header-content"
+                  >
+                    spray_coverage
+                  </div>
+                  <Resizer
+                    onMouseDown={[Function]}
+                    onTouchStart={[Function]}
+                  >
+                    <div
+                      className="rt-resizer"
+                      onMouseDown={[Function]}
+                      onTouchStart={[Function]}
+                    />
+                  </Resizer>
+                </div>
+              </ThComponent>
+              <ThComponent
+                className="rt-resizable-header -cursor-pointer"
+                key="4-spray_effectiveness"
+                style={
+                  Object {
+                    "flex": "100 0 auto",
+                    "maxWidth": null,
+                    "width": "100px",
+                  }
+                }
+                toggleSort={[Function]}
+              >
+                <div
+                  className="rt-th rt-resizable-header -cursor-pointer"
+                  onClick={[Function]}
+                  role="columnheader"
+                  style={
+                    Object {
+                      "flex": "100 0 auto",
+                      "maxWidth": null,
+                      "width": "100px",
+                    }
+                  }
+                  tabIndex="-1"
+                >
+                  <div
+                    className="rt-resizable-header-content"
+                  >
+                    spray_effectiveness
+                  </div>
+                  <Resizer
+                    onMouseDown={[Function]}
+                    onTouchStart={[Function]}
+                  >
+                    <div
+                      className="rt-resizer"
+                      onMouseDown={[Function]}
+                      onTouchStart={[Function]}
+                    />
+                  </Resizer>
+                </div>
+              </ThComponent>
+            </div>
+          </TrComponent>
+        </div>
+      </Thead>
+      <Tbody
+        className=""
+        style={
+          Object {
+            "minWidth": "500px",
+          }
+        }
+      >
+        <div
+          className="rt-tbody"
+          style={
+            Object {
+              "minWidth": "500px",
+            }
+          }
+        >
+          <TrGroupComponent
+            key="0"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-odd"
+                onClick={[Function]}
+                row={
+                  Object {
+                    "AggregatedComponent": [Function],
+                    "CellComponent": [Function],
+                    "ExpanderComponent": [Function],
+                    "FilterComponent": [Function],
+                    "LoadingComponent": [Function],
+                    "NoDataComponent": [Function],
+                    "PadRowComponent": [Function],
+                    "PaginationComponent": [Function],
+                    "PivotValueComponent": [Function],
+                    "ResizerComponent": [Function],
+                    "TableComponent": [Function],
+                    "TbodyComponent": [Function],
+                    "TdComponent": [Function],
+                    "TfootComponent": [Function],
+                    "ThComponent": [Function],
+                    "TheadComponent": [Function],
+                    "TrComponent": [Function],
+                    "TrGroupComponent": [Function],
+                    "aggregatedKey": "_aggregated",
+                    "allDecoratedColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "allVisibleColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
                         "className": "",
-                        "collapseOnDataChange": true,
-                        "collapseOnPageChange": true,
-                        "collapseOnSortingChange": true,
-                        "column": Object {
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "canNext": false,
+                    "canPrevious": false,
+                    "className": "",
+                    "collapseOnDataChange": true,
+                    "collapseOnPageChange": true,
+                    "collapseOnSortingChange": true,
+                    "column": Object {
+                      "Aggregated": undefined,
+                      "Cell": undefined,
+                      "Expander": undefined,
+                      "Filter": undefined,
+                      "Footer": undefined,
+                      "Header": undefined,
+                      "Pivot": undefined,
+                      "PivotValue": undefined,
+                      "Placeholder": undefined,
+                      "aggregate": undefined,
+                      "className": "",
+                      "filterAll": false,
+                      "filterMethod": undefined,
+                      "filterable": undefined,
+                      "footerClassName": "",
+                      "footerStyle": Object {},
+                      "getFooterProps": [Function],
+                      "getHeaderProps": [Function],
+                      "getProps": [Function],
+                      "headerClassName": "",
+                      "headerStyle": Object {},
+                      "minResizeWidth": 11,
+                      "minWidth": 100,
+                      "resizable": undefined,
+                      "show": true,
+                      "sortMethod": undefined,
+                      "sortable": undefined,
+                      "style": Object {},
+                    },
+                    "columns": Array [
+                      Object {
+                        "Cell": [Function],
+                        "Header": "id",
+                        "accessor": "id",
+                      },
+                      Object {
+                        "Header": "location",
+                        "accessor": "location",
+                      },
+                      Object {
+                        "Header": "parent_id",
+                        "accessor": "parent_id",
+                      },
+                      Object {
+                        "Header": "spray_coverage",
+                        "accessor": "spray_coverage",
+                      },
+                      Object {
+                        "Header": "spray_effectiveness",
+                        "accessor": "spray_effectiveness",
+                      },
+                    ],
+                    "currentlyResizing": false,
+                    "data": Array [
+                      Object {
+                        "id": 9,
+                        "location": "Operational Area 9",
+                        "parent_id": 4,
+                        "spray_coverage": "70%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "id": 10,
+                        "location": "Operational Area 10",
+                        "parent_id": 4,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "100%",
+                      },
+                      Object {
+                        "id": 11,
+                        "location": "Operational Area 11",
+                        "parent_id": 4,
+                        "spray_coverage": "100%",
+                        "spray_effectiveness": "100%",
+                      },
+                    ],
+                    "defaultExpanded": Object {},
+                    "defaultFilterMethod": [Function],
+                    "defaultFiltered": Array [],
+                    "defaultPage": 0,
+                    "defaultPageSize": 20,
+                    "defaultResized": Array [],
+                    "defaultSortDesc": false,
+                    "defaultSortMethod": [Function],
+                    "defaultSorted": Array [],
+                    "endRow": 20,
+                    "expanded": Object {},
+                    "expanderDefaults": Object {
+                      "filterable": false,
+                      "resizable": false,
+                      "sortable": false,
+                      "width": 35,
+                    },
+                    "filterable": false,
+                    "filtered": Array [],
+                    "freezeWhenExpanded": false,
+                    "frozen": false,
+                    "getLoadingProps": [Function],
+                    "getNoDataProps": [Function],
+                    "getPaginationProps": [Function],
+                    "getProps": [Function],
+                    "getResizerProps": [Function],
+                    "getTableProps": [Function],
+                    "getTbodyProps": [Function],
+                    "getTdProps": [Function],
+                    "getTfootProps": [Function],
+                    "getTfootTdProps": [Function],
+                    "getTfootTrProps": [Function],
+                    "getTheadFilterProps": [Function],
+                    "getTheadFilterThProps": [Function],
+                    "getTheadFilterTrProps": [Function],
+                    "getTheadGroupProps": [Function],
+                    "getTheadGroupThProps": [Function],
+                    "getTheadGroupTrProps": [Function],
+                    "getTheadProps": [Function],
+                    "getTheadThProps": [Function],
+                    "getTheadTrProps": [Function],
+                    "getTrGroupProps": [Function],
+                    "getTrProps": [Function],
+                    "groupedByPivotKey": "_groupedByPivot",
+                    "hasChildren": [Function],
+                    "hasColumnFooter": false,
+                    "hasHeaderGroups": false,
+                    "headerGroups": Array [],
+                    "identifierField": "id",
+                    "indexKey": "_index",
+                    "linkerField": "id",
+                    "loading": false,
+                    "loadingText": "Loading...",
+                    "minRows": 20,
+                    "multiSort": true,
+                    "nestingLevelKey": "_nestingLevel",
+                    "nextText": "Next",
+                    "noDataText": "No rows found",
+                    "ofText": "of",
+                    "onFetchData": [Function],
+                    "originalKey": "_original",
+                    "padRows": Array [
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                    ],
+                    "page": 0,
+                    "pageJumpText": "jump to page",
+                    "pageRows": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 0,
+                        "id": 9,
+                        "location": "Operational Area 9",
+                        "parent_id": 4,
+                        "spray_coverage": "70%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 1,
+                        "id": 10,
+                        "location": "Operational Area 10",
+                        "parent_id": 4,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "100%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 2,
+                        "id": 11,
+                        "location": "Operational Area 11",
+                        "parent_id": 4,
+                        "spray_coverage": "100%",
+                        "spray_effectiveness": "100%",
+                      },
+                    ],
+                    "pageSize": 20,
+                    "pageSizeOptions": Array [
+                      5,
+                      10,
+                      20,
+                      25,
+                      50,
+                      100,
+                    ],
+                    "pageText": "Page",
+                    "pages": 1,
+                    "parentIdentifierField": "parent_id",
+                    "pivotDefaults": Object {},
+                    "pivotIDKey": "_pivotID",
+                    "pivotValKey": "_pivotVal",
+                    "previousText": "Previous",
+                    "resizable": true,
+                    "resized": Array [],
+                    "resolveData": [Function],
+                    "resolvedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "id": 9,
+                        "location": "Operational Area 9",
+                        "parent_id": 4,
+                        "spray_coverage": "70%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "id": 10,
+                        "location": "Operational Area 10",
+                        "parent_id": 4,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "100%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "id": 11,
+                        "location": "Operational Area 11",
+                        "parent_id": 4,
+                        "spray_coverage": "100%",
+                        "spray_effectiveness": "100%",
+                      },
+                    ],
+                    "rootParentId": null,
+                    "rowMinWidth": 500,
+                    "rowsSelectorText": "rows per page",
+                    "rowsText": "rows",
+                    "showPageJump": true,
+                    "showPageSizeOptions": true,
+                    "showPagination": true,
+                    "showPaginationBottom": true,
+                    "showPaginationTop": false,
+                    "skipNextSort": false,
+                    "sortable": true,
+                    "sorted": Array [],
+                    "sortedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "id": 9,
+                        "location": "Operational Area 9",
+                        "parent_id": 4,
+                        "spray_coverage": "70%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "id": 10,
+                        "location": "Operational Area 10",
+                        "parent_id": 4,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "100%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "id": 11,
+                        "location": "Operational Area 11",
+                        "parent_id": 4,
+                        "spray_coverage": "100%",
+                        "spray_effectiveness": "100%",
+                      },
+                    ],
+                    "startRow": 0,
+                    "style": Object {},
+                    "subRowsKey": "_subRows",
+                    "useDrillDownTrProps": true,
+                  }
+                }
+              >
+                <div
+                  className="rt-tr -odd"
+                  onClick={[Function]}
+                  role="row"
+                  row={
+                    Object {
+                      "AggregatedComponent": [Function],
+                      "CellComponent": [Function],
+                      "ExpanderComponent": [Function],
+                      "FilterComponent": [Function],
+                      "LoadingComponent": [Function],
+                      "NoDataComponent": [Function],
+                      "PadRowComponent": [Function],
+                      "PaginationComponent": [Function],
+                      "PivotValueComponent": [Function],
+                      "ResizerComponent": [Function],
+                      "TableComponent": [Function],
+                      "TbodyComponent": [Function],
+                      "TdComponent": [Function],
+                      "TfootComponent": [Function],
+                      "ThComponent": [Function],
+                      "TheadComponent": [Function],
+                      "TrComponent": [Function],
+                      "TrGroupComponent": [Function],
+                      "aggregatedKey": "_aggregated",
+                      "allDecoratedColumns": Array [
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": [Function],
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
                           "Aggregated": undefined,
                           "Cell": undefined,
                           "Expander": undefined,
                           "Filter": undefined,
                           "Footer": undefined,
-                          "Header": undefined,
+                          "Header": "location",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "location",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "parent_id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "parent_id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_coverage",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_coverage",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_effectiveness",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_effectiveness",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                      ],
+                      "allVisibleColumns": Array [
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": [Function],
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "location",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "location",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "parent_id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "parent_id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_coverage",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_coverage",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_effectiveness",
                           "Pivot": undefined,
                           "PivotValue": undefined,
                           "Placeholder": undefined,
+                          "accessor": [Function],
                           "aggregate": undefined,
                           "className": "",
                           "filterAll": false,
@@ -8866,6 +19407,7 @@ exports[`DrillDownTable click to drill down works 2`] = `
                           "getProps": [Function],
                           "headerClassName": "",
                           "headerStyle": Object {},
+                          "id": "spray_effectiveness",
                           "minResizeWidth": 11,
                           "minWidth": 100,
                           "resizable": undefined,
@@ -8874,338 +19416,388 @@ exports[`DrillDownTable click to drill down works 2`] = `
                           "sortable": undefined,
                           "style": Object {},
                         },
-                        "columns": Array [
-                          Object {
-                            "Cell": [Function],
-                            "Header": "id",
-                            "accessor": "id",
-                          },
-                          Object {
-                            "Header": "location",
-                            "accessor": "location",
-                          },
-                          Object {
-                            "Header": "parent_id",
-                            "accessor": "parent_id",
-                          },
-                          Object {
-                            "Header": "spray_coverage",
-                            "accessor": "spray_coverage",
-                          },
-                          Object {
-                            "Header": "spray_effectiveness",
-                            "accessor": "spray_effectiveness",
-                          },
-                        ],
-                        "currentlyResizing": false,
-                        "data": Array [
-                          Object {
-                            "id": 9,
-                            "location": "Operational Area 9",
-                            "parent_id": 4,
-                            "spray_coverage": "70%",
-                            "spray_effectiveness": "90%",
-                          },
-                          Object {
-                            "id": 10,
-                            "location": "Operational Area 10",
-                            "parent_id": 4,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "100%",
-                          },
-                          Object {
-                            "id": 11,
-                            "location": "Operational Area 11",
-                            "parent_id": 4,
-                            "spray_coverage": "100%",
-                            "spray_effectiveness": "100%",
-                          },
-                        ],
-                        "defaultExpanded": Object {},
-                        "defaultFilterMethod": [Function],
-                        "defaultFiltered": Array [],
-                        "defaultPage": 0,
-                        "defaultPageSize": 20,
-                        "defaultResized": Array [],
-                        "defaultSortDesc": false,
-                        "defaultSortMethod": [Function],
-                        "defaultSorted": Array [],
-                        "endRow": 20,
-                        "expanded": Object {},
-                        "expanderDefaults": Object {
-                          "filterable": false,
-                          "resizable": false,
-                          "sortable": false,
-                          "width": 35,
+                      ],
+                      "canNext": false,
+                      "canPrevious": false,
+                      "className": "",
+                      "collapseOnDataChange": true,
+                      "collapseOnPageChange": true,
+                      "collapseOnSortingChange": true,
+                      "column": Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": undefined,
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      "columns": Array [
+                        Object {
+                          "Cell": [Function],
+                          "Header": "id",
+                          "accessor": "id",
+                        },
+                        Object {
+                          "Header": "location",
+                          "accessor": "location",
+                        },
+                        Object {
+                          "Header": "parent_id",
+                          "accessor": "parent_id",
+                        },
+                        Object {
+                          "Header": "spray_coverage",
+                          "accessor": "spray_coverage",
+                        },
+                        Object {
+                          "Header": "spray_effectiveness",
+                          "accessor": "spray_effectiveness",
+                        },
+                      ],
+                      "currentlyResizing": false,
+                      "data": Array [
+                        Object {
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        Object {
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
                         },
+                      ],
+                      "defaultExpanded": Object {},
+                      "defaultFilterMethod": [Function],
+                      "defaultFiltered": Array [],
+                      "defaultPage": 0,
+                      "defaultPageSize": 20,
+                      "defaultResized": Array [],
+                      "defaultSortDesc": false,
+                      "defaultSortMethod": [Function],
+                      "defaultSorted": Array [],
+                      "endRow": 20,
+                      "expanded": Object {},
+                      "expanderDefaults": Object {
                         "filterable": false,
-                        "filtered": Array [],
-                        "freezeWhenExpanded": false,
-                        "frozen": false,
-                        "getLoadingProps": [Function],
-                        "getNoDataProps": [Function],
-                        "getPaginationProps": [Function],
-                        "getProps": [Function],
-                        "getResizerProps": [Function],
-                        "getTableProps": [Function],
-                        "getTbodyProps": [Function],
-                        "getTdProps": [Function],
-                        "getTfootProps": [Function],
-                        "getTfootTdProps": [Function],
-                        "getTfootTrProps": [Function],
-                        "getTheadFilterProps": [Function],
-                        "getTheadFilterThProps": [Function],
-                        "getTheadFilterTrProps": [Function],
-                        "getTheadGroupProps": [Function],
-                        "getTheadGroupThProps": [Function],
-                        "getTheadGroupTrProps": [Function],
-                        "getTheadProps": [Function],
-                        "getTheadThProps": [Function],
-                        "getTheadTrProps": [Function],
-                        "getTrGroupProps": [Function],
-                        "getTrProps": [Function],
-                        "groupedByPivotKey": "_groupedByPivot",
-                        "hasColumnFooter": false,
-                        "hasHeaderGroups": false,
-                        "headerGroups": Array [],
-                        "identifierField": "id",
-                        "indexKey": "_index",
-                        "linkerField": "id",
-                        "loading": false,
-                        "loadingText": "Loading...",
-                        "minRows": 20,
-                        "multiSort": true,
-                        "nestingLevelKey": "_nestingLevel",
-                        "nextText": "Next",
-                        "noDataText": "No rows found",
-                        "ofText": "of",
-                        "onFetchData": [Function],
-                        "originalKey": "_original",
-                        "padRows": Array [
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                        ],
-                        "page": 0,
-                        "pageJumpText": "jump to page",
-                        "pageRows": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 9,
-                              "location": "Operational Area 9",
-                              "parent_id": 4,
-                              "spray_coverage": "70%",
-                              "spray_effectiveness": "90%",
-                            },
-                            "_subRows": undefined,
-                            "_viewIndex": 0,
+                        "resizable": false,
+                        "sortable": false,
+                        "width": 35,
+                      },
+                      "filterable": false,
+                      "filtered": Array [],
+                      "freezeWhenExpanded": false,
+                      "frozen": false,
+                      "getLoadingProps": [Function],
+                      "getNoDataProps": [Function],
+                      "getPaginationProps": [Function],
+                      "getProps": [Function],
+                      "getResizerProps": [Function],
+                      "getTableProps": [Function],
+                      "getTbodyProps": [Function],
+                      "getTdProps": [Function],
+                      "getTfootProps": [Function],
+                      "getTfootTdProps": [Function],
+                      "getTfootTrProps": [Function],
+                      "getTheadFilterProps": [Function],
+                      "getTheadFilterThProps": [Function],
+                      "getTheadFilterTrProps": [Function],
+                      "getTheadGroupProps": [Function],
+                      "getTheadGroupThProps": [Function],
+                      "getTheadGroupTrProps": [Function],
+                      "getTheadProps": [Function],
+                      "getTheadThProps": [Function],
+                      "getTheadTrProps": [Function],
+                      "getTrGroupProps": [Function],
+                      "getTrProps": [Function],
+                      "groupedByPivotKey": "_groupedByPivot",
+                      "hasChildren": [Function],
+                      "hasColumnFooter": false,
+                      "hasHeaderGroups": false,
+                      "headerGroups": Array [],
+                      "identifierField": "id",
+                      "indexKey": "_index",
+                      "linkerField": "id",
+                      "loading": false,
+                      "loadingText": "Loading...",
+                      "minRows": 20,
+                      "multiSort": true,
+                      "nestingLevelKey": "_nestingLevel",
+                      "nextText": "Next",
+                      "noDataText": "No rows found",
+                      "ofText": "of",
+                      "onFetchData": [Function],
+                      "originalKey": "_original",
+                      "padRows": Array [
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                      ],
+                      "page": 0,
+                      "pageJumpText": "jump to page",
+                      "pageRows": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 9,
                             "location": "Operational Area 9",
                             "parent_id": 4,
                             "spray_coverage": "70%",
                             "spray_effectiveness": "90%",
                           },
-                          Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 10,
-                              "location": "Operational Area 10",
-                              "parent_id": 4,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
-                            "_viewIndex": 1,
+                          "_subRows": undefined,
+                          "_viewIndex": 0,
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 10,
                             "location": "Operational Area 10",
                             "parent_id": 4,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "100%",
                           },
-                          Object {
-                            "_index": 2,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 11,
-                              "location": "Operational Area 11",
-                              "parent_id": 4,
-                              "spray_coverage": "100%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
-                            "_viewIndex": 2,
+                          "_subRows": undefined,
+                          "_viewIndex": 1,
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 11,
                             "location": "Operational Area 11",
                             "parent_id": 4,
                             "spray_coverage": "100%",
                             "spray_effectiveness": "100%",
                           },
-                        ],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          5,
-                          10,
-                          20,
-                          25,
-                          50,
-                          100,
-                        ],
-                        "pageText": "Page",
-                        "pages": 1,
-                        "parentIdentifierField": "parent_id",
-                        "pivotDefaults": Object {},
-                        "pivotIDKey": "_pivotID",
-                        "pivotValKey": "_pivotVal",
-                        "previousText": "Previous",
-                        "resizable": true,
-                        "resized": Array [],
-                        "resolveData": [Function],
-                        "resolvedData": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 9,
-                              "location": "Operational Area 9",
-                              "parent_id": 4,
-                              "spray_coverage": "70%",
-                              "spray_effectiveness": "90%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "_viewIndex": 2,
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                      ],
+                      "pageSize": 20,
+                      "pageSizeOptions": Array [
+                        5,
+                        10,
+                        20,
+                        25,
+                        50,
+                        100,
+                      ],
+                      "pageText": "Page",
+                      "pages": 1,
+                      "parentIdentifierField": "parent_id",
+                      "pivotDefaults": Object {},
+                      "pivotIDKey": "_pivotID",
+                      "pivotValKey": "_pivotVal",
+                      "previousText": "Previous",
+                      "resizable": true,
+                      "resized": Array [],
+                      "resolveData": [Function],
+                      "resolvedData": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 9,
                             "location": "Operational Area 9",
                             "parent_id": 4,
                             "spray_coverage": "70%",
                             "spray_effectiveness": "90%",
                           },
-                          Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 10,
-                              "location": "Operational Area 10",
-                              "parent_id": 4,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 10,
                             "location": "Operational Area 10",
                             "parent_id": 4,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "100%",
                           },
-                          Object {
-                            "_index": 2,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 11,
-                              "location": "Operational Area 11",
-                              "parent_id": 4,
-                              "spray_coverage": "100%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 11,
                             "location": "Operational Area 11",
                             "parent_id": 4,
                             "spray_coverage": "100%",
                             "spray_effectiveness": "100%",
                           },
-                        ],
-                        "rootParentId": null,
-                        "rowMinWidth": 500,
-                        "rowsSelectorText": "rows per page",
-                        "rowsText": "rows",
-                        "showPageJump": true,
-                        "showPageSizeOptions": true,
-                        "showPagination": true,
-                        "showPaginationBottom": true,
-                        "showPaginationTop": false,
-                        "skipNextSort": false,
-                        "sortable": true,
-                        "sorted": Array [],
-                        "sortedData": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 9,
-                              "location": "Operational Area 9",
-                              "parent_id": 4,
-                              "spray_coverage": "70%",
-                              "spray_effectiveness": "90%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                      ],
+                      "rootParentId": null,
+                      "rowMinWidth": 500,
+                      "rowsSelectorText": "rows per page",
+                      "rowsText": "rows",
+                      "showPageJump": true,
+                      "showPageSizeOptions": true,
+                      "showPagination": true,
+                      "showPaginationBottom": true,
+                      "showPaginationTop": false,
+                      "skipNextSort": false,
+                      "sortable": true,
+                      "sorted": Array [],
+                      "sortedData": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 9,
                             "location": "Operational Area 9",
                             "parent_id": 4,
                             "spray_coverage": "70%",
                             "spray_effectiveness": "90%",
                           },
-                          Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 10,
-                              "location": "Operational Area 10",
-                              "parent_id": 4,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 10,
                             "location": "Operational Area 10",
                             "parent_id": 4,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "100%",
                           },
-                          Object {
-                            "_index": 2,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 11,
-                              "location": "Operational Area 11",
-                              "parent_id": 4,
-                              "spray_coverage": "100%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 11,
                             "location": "Operational Area 11",
                             "parent_id": 4,
                             "spray_coverage": "100%",
                             "spray_effectiveness": "100%",
                           },
-                        ],
-                        "startRow": 0,
-                        "style": Object {},
-                        "subRowsKey": "_subRows",
-                        "useDrillDownTrProps": true,
+                          "_subRows": undefined,
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                      ],
+                      "startRow": 0,
+                      "style": Object {},
+                      "subRowsKey": "_subRows",
+                      "useDrillDownTrProps": true,
+                    }
+                  }
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
                       }
                     }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -9214,138 +19806,138 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
+                      <Component
+                        classes={
+                          Array [
+                            undefined,
+                            "",
+                            undefined,
+                          ]
+                        }
+                        column={
                           Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
+                            "Aggregated": undefined,
+                            "Cell": [Function],
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
                           }
                         }
-                      >
-                        <Component
-                          classes={
-                            Array [
-                              undefined,
-                              "",
-                              undefined,
-                            ]
-                          }
-                          column={
-                            Object {
-                              "Aggregated": undefined,
-                              "Cell": [Function],
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "id",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "id",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            }
-                          }
-                          columnProps={
-                            Object {
-                              "className": undefined,
-                              "rest": Object {},
-                              "style": undefined,
-                            }
-                          }
-                          index={0}
-                          level={0}
-                          nestingPath={
-                            Array [
-                              0,
-                            ]
+                        columnProps={
+                          Object {
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
                           }
-                          original={
-                            Object {
-                              "id": 9,
-                              "location": "Operational Area 9",
-                              "parent_id": 4,
-                              "spray_coverage": "70%",
-                              "spray_effectiveness": "90%",
-                            }
+                        }
+                        index={0}
+                        level={0}
+                        nestingPath={
+                          Array [
+                            0,
+                          ]
+                        }
+                        original={
+                          Object {
+                            "id": 9,
+                            "location": "Operational Area 9",
+                            "parent_id": 4,
+                            "spray_coverage": "70%",
+                            "spray_effectiveness": "90%",
                           }
-                          page={0}
-                          pageSize={20}
-                          resized={Array []}
-                          row={
-                            Object {
-                              "_index": 0,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 9,
-                                "location": "Operational Area 9",
-                                "parent_id": 4,
-                                "spray_coverage": "70%",
-                                "spray_effectiveness": "90%",
-                              },
-                              "_subRows": undefined,
-                              "_viewIndex": 0,
+                        }
+                        page={0}
+                        pageSize={20}
+                        resized={Array []}
+                        row={
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
                               "id": 9,
                               "location": "Operational Area 9",
                               "parent_id": 4,
                               "spray_coverage": "70%",
                               "spray_effectiveness": "90%",
-                            }
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 0,
+                            "id": 9,
+                            "location": "Operational Area 9",
+                            "parent_id": 4,
+                            "spray_coverage": "70%",
+                            "spray_effectiveness": "90%",
                           }
-                          show={true}
-                          styles={Object {}}
-                          tdProps={
-                            Object {
-                              "className": undefined,
-                              "rest": Object {},
-                              "style": undefined,
-                            }
+                        }
+                        show={true}
+                        styles={Object {}}
+                        tdProps={
+                          Object {
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
                           }
-                          value={9}
-                          viewIndex={0}
-                          width={100}
+                        }
+                        value={9}
+                        viewIndex={0}
+                        width={100}
+                      >
+                        <DropDownCell
+                          cellValue={9}
+                          hasChildren={false}
                         >
-                          <DropDownCell
-                            cellValue={9}
-                            hasChildren={false}
+                          <div
+                            className="dd-linker-item"
                           >
-                            <div
-                              className="dd-linker-item"
-                            >
-                              <span>
-                                9
-                              </span>
-                            </div>
-                          </DropDownCell>
-                        </Component>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                            <span>
+                              9
+                            </span>
+                          </div>
+                        </DropDownCell>
+                      </Component>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -9354,25 +19946,25 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        Operational Area 9
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      Operational Area 9
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -9381,25 +19973,25 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        4
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      4
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -9408,25 +20000,25 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        70%
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      70%
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -9435,35 +20027,737 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        90%
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="1"
+                      90%
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="1"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-even"
+                onClick={[Function]}
+                row={
+                  Object {
+                    "AggregatedComponent": [Function],
+                    "CellComponent": [Function],
+                    "ExpanderComponent": [Function],
+                    "FilterComponent": [Function],
+                    "LoadingComponent": [Function],
+                    "NoDataComponent": [Function],
+                    "PadRowComponent": [Function],
+                    "PaginationComponent": [Function],
+                    "PivotValueComponent": [Function],
+                    "ResizerComponent": [Function],
+                    "TableComponent": [Function],
+                    "TbodyComponent": [Function],
+                    "TdComponent": [Function],
+                    "TfootComponent": [Function],
+                    "ThComponent": [Function],
+                    "TheadComponent": [Function],
+                    "TrComponent": [Function],
+                    "TrGroupComponent": [Function],
+                    "aggregatedKey": "_aggregated",
+                    "allDecoratedColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "allVisibleColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "canNext": false,
+                    "canPrevious": false,
+                    "className": "",
+                    "collapseOnDataChange": true,
+                    "collapseOnPageChange": true,
+                    "collapseOnSortingChange": true,
+                    "column": Object {
+                      "Aggregated": undefined,
+                      "Cell": undefined,
+                      "Expander": undefined,
+                      "Filter": undefined,
+                      "Footer": undefined,
+                      "Header": undefined,
+                      "Pivot": undefined,
+                      "PivotValue": undefined,
+                      "Placeholder": undefined,
+                      "aggregate": undefined,
+                      "className": "",
+                      "filterAll": false,
+                      "filterMethod": undefined,
+                      "filterable": undefined,
+                      "footerClassName": "",
+                      "footerStyle": Object {},
+                      "getFooterProps": [Function],
+                      "getHeaderProps": [Function],
+                      "getProps": [Function],
+                      "headerClassName": "",
+                      "headerStyle": Object {},
+                      "minResizeWidth": 11,
+                      "minWidth": 100,
+                      "resizable": undefined,
+                      "show": true,
+                      "sortMethod": undefined,
+                      "sortable": undefined,
+                      "style": Object {},
+                    },
+                    "columns": Array [
+                      Object {
+                        "Cell": [Function],
+                        "Header": "id",
+                        "accessor": "id",
+                      },
+                      Object {
+                        "Header": "location",
+                        "accessor": "location",
+                      },
+                      Object {
+                        "Header": "parent_id",
+                        "accessor": "parent_id",
+                      },
+                      Object {
+                        "Header": "spray_coverage",
+                        "accessor": "spray_coverage",
+                      },
+                      Object {
+                        "Header": "spray_effectiveness",
+                        "accessor": "spray_effectiveness",
+                      },
+                    ],
+                    "currentlyResizing": false,
+                    "data": Array [
+                      Object {
+                        "id": 9,
+                        "location": "Operational Area 9",
+                        "parent_id": 4,
+                        "spray_coverage": "70%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "id": 10,
+                        "location": "Operational Area 10",
+                        "parent_id": 4,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "100%",
+                      },
+                      Object {
+                        "id": 11,
+                        "location": "Operational Area 11",
+                        "parent_id": 4,
+                        "spray_coverage": "100%",
+                        "spray_effectiveness": "100%",
+                      },
+                    ],
+                    "defaultExpanded": Object {},
+                    "defaultFilterMethod": [Function],
+                    "defaultFiltered": Array [],
+                    "defaultPage": 0,
+                    "defaultPageSize": 20,
+                    "defaultResized": Array [],
+                    "defaultSortDesc": false,
+                    "defaultSortMethod": [Function],
+                    "defaultSorted": Array [],
+                    "endRow": 20,
+                    "expanded": Object {},
+                    "expanderDefaults": Object {
+                      "filterable": false,
+                      "resizable": false,
+                      "sortable": false,
+                      "width": 35,
+                    },
+                    "filterable": false,
+                    "filtered": Array [],
+                    "freezeWhenExpanded": false,
+                    "frozen": false,
+                    "getLoadingProps": [Function],
+                    "getNoDataProps": [Function],
+                    "getPaginationProps": [Function],
+                    "getProps": [Function],
+                    "getResizerProps": [Function],
+                    "getTableProps": [Function],
+                    "getTbodyProps": [Function],
+                    "getTdProps": [Function],
+                    "getTfootProps": [Function],
+                    "getTfootTdProps": [Function],
+                    "getTfootTrProps": [Function],
+                    "getTheadFilterProps": [Function],
+                    "getTheadFilterThProps": [Function],
+                    "getTheadFilterTrProps": [Function],
+                    "getTheadGroupProps": [Function],
+                    "getTheadGroupThProps": [Function],
+                    "getTheadGroupTrProps": [Function],
+                    "getTheadProps": [Function],
+                    "getTheadThProps": [Function],
+                    "getTheadTrProps": [Function],
+                    "getTrGroupProps": [Function],
+                    "getTrProps": [Function],
+                    "groupedByPivotKey": "_groupedByPivot",
+                    "hasChildren": [Function],
+                    "hasColumnFooter": false,
+                    "hasHeaderGroups": false,
+                    "headerGroups": Array [],
+                    "identifierField": "id",
+                    "indexKey": "_index",
+                    "linkerField": "id",
+                    "loading": false,
+                    "loadingText": "Loading...",
+                    "minRows": 20,
+                    "multiSort": true,
+                    "nestingLevelKey": "_nestingLevel",
+                    "nextText": "Next",
+                    "noDataText": "No rows found",
+                    "ofText": "of",
+                    "onFetchData": [Function],
+                    "originalKey": "_original",
+                    "padRows": Array [
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                    ],
+                    "page": 0,
+                    "pageJumpText": "jump to page",
+                    "pageRows": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 0,
+                        "id": 9,
+                        "location": "Operational Area 9",
+                        "parent_id": 4,
+                        "spray_coverage": "70%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 1,
+                        "id": 10,
+                        "location": "Operational Area 10",
+                        "parent_id": 4,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "100%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 2,
+                        "id": 11,
+                        "location": "Operational Area 11",
+                        "parent_id": 4,
+                        "spray_coverage": "100%",
+                        "spray_effectiveness": "100%",
+                      },
+                    ],
+                    "pageSize": 20,
+                    "pageSizeOptions": Array [
+                      5,
+                      10,
+                      20,
+                      25,
+                      50,
+                      100,
+                    ],
+                    "pageText": "Page",
+                    "pages": 1,
+                    "parentIdentifierField": "parent_id",
+                    "pivotDefaults": Object {},
+                    "pivotIDKey": "_pivotID",
+                    "pivotValKey": "_pivotVal",
+                    "previousText": "Previous",
+                    "resizable": true,
+                    "resized": Array [],
+                    "resolveData": [Function],
+                    "resolvedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "id": 9,
+                        "location": "Operational Area 9",
+                        "parent_id": 4,
+                        "spray_coverage": "70%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "id": 10,
+                        "location": "Operational Area 10",
+                        "parent_id": 4,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "100%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "id": 11,
+                        "location": "Operational Area 11",
+                        "parent_id": 4,
+                        "spray_coverage": "100%",
+                        "spray_effectiveness": "100%",
+                      },
+                    ],
+                    "rootParentId": null,
+                    "rowMinWidth": 500,
+                    "rowsSelectorText": "rows per page",
+                    "rowsText": "rows",
+                    "showPageJump": true,
+                    "showPageSizeOptions": true,
+                    "showPagination": true,
+                    "showPaginationBottom": true,
+                    "showPaginationTop": false,
+                    "skipNextSort": false,
+                    "sortable": true,
+                    "sorted": Array [],
+                    "sortedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "id": 9,
+                        "location": "Operational Area 9",
+                        "parent_id": 4,
+                        "spray_coverage": "70%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "id": 10,
+                        "location": "Operational Area 10",
+                        "parent_id": 4,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "100%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "id": 11,
+                        "location": "Operational Area 11",
+                        "parent_id": 4,
+                        "spray_coverage": "100%",
+                        "spray_effectiveness": "100%",
+                      },
+                    ],
+                    "startRow": 0,
+                    "style": Object {},
+                    "subRowsKey": "_subRows",
+                    "useDrillDownTrProps": true,
+                  }
+                }
               >
-                <TrComponent
-                  className="-even"
+                <div
+                  className="rt-tr -even"
                   onClick={[Function]}
+                  role="row"
                   row={
                     Object {
                       "AggregatedComponent": [Function],
@@ -9767,777 +21061,26 @@ exports[`DrillDownTable click to drill down works 2`] = `
                           "getProps": [Function],
                           "headerClassName": "",
                           "headerStyle": Object {},
-                          "id": "spray_coverage",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "spray_effectiveness",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "spray_effectiveness",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                      ],
-                      "canNext": false,
-                      "canPrevious": false,
-                      "className": "",
-                      "collapseOnDataChange": true,
-                      "collapseOnPageChange": true,
-                      "collapseOnSortingChange": true,
-                      "column": Object {
-                        "Aggregated": undefined,
-                        "Cell": undefined,
-                        "Expander": undefined,
-                        "Filter": undefined,
-                        "Footer": undefined,
-                        "Header": undefined,
-                        "Pivot": undefined,
-                        "PivotValue": undefined,
-                        "Placeholder": undefined,
-                        "aggregate": undefined,
-                        "className": "",
-                        "filterAll": false,
-                        "filterMethod": undefined,
-                        "filterable": undefined,
-                        "footerClassName": "",
-                        "footerStyle": Object {},
-                        "getFooterProps": [Function],
-                        "getHeaderProps": [Function],
-                        "getProps": [Function],
-                        "headerClassName": "",
-                        "headerStyle": Object {},
-                        "minResizeWidth": 11,
-                        "minWidth": 100,
-                        "resizable": undefined,
-                        "show": true,
-                        "sortMethod": undefined,
-                        "sortable": undefined,
-                        "style": Object {},
-                      },
-                      "columns": Array [
-                        Object {
-                          "Cell": [Function],
-                          "Header": "id",
-                          "accessor": "id",
-                        },
-                        Object {
-                          "Header": "location",
-                          "accessor": "location",
-                        },
-                        Object {
-                          "Header": "parent_id",
-                          "accessor": "parent_id",
-                        },
-                        Object {
-                          "Header": "spray_coverage",
-                          "accessor": "spray_coverage",
-                        },
-                        Object {
-                          "Header": "spray_effectiveness",
-                          "accessor": "spray_effectiveness",
-                        },
-                      ],
-                      "currentlyResizing": false,
-                      "data": Array [
-                        Object {
-                          "id": 9,
-                          "location": "Operational Area 9",
-                          "parent_id": 4,
-                          "spray_coverage": "70%",
-                          "spray_effectiveness": "90%",
-                        },
-                        Object {
-                          "id": 10,
-                          "location": "Operational Area 10",
-                          "parent_id": 4,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "100%",
-                        },
-                        Object {
-                          "id": 11,
-                          "location": "Operational Area 11",
-                          "parent_id": 4,
-                          "spray_coverage": "100%",
-                          "spray_effectiveness": "100%",
-                        },
-                      ],
-                      "defaultExpanded": Object {},
-                      "defaultFilterMethod": [Function],
-                      "defaultFiltered": Array [],
-                      "defaultPage": 0,
-                      "defaultPageSize": 20,
-                      "defaultResized": Array [],
-                      "defaultSortDesc": false,
-                      "defaultSortMethod": [Function],
-                      "defaultSorted": Array [],
-                      "endRow": 20,
-                      "expanded": Object {},
-                      "expanderDefaults": Object {
-                        "filterable": false,
-                        "resizable": false,
-                        "sortable": false,
-                        "width": 35,
-                      },
-                      "filterable": false,
-                      "filtered": Array [],
-                      "freezeWhenExpanded": false,
-                      "frozen": false,
-                      "getLoadingProps": [Function],
-                      "getNoDataProps": [Function],
-                      "getPaginationProps": [Function],
-                      "getProps": [Function],
-                      "getResizerProps": [Function],
-                      "getTableProps": [Function],
-                      "getTbodyProps": [Function],
-                      "getTdProps": [Function],
-                      "getTfootProps": [Function],
-                      "getTfootTdProps": [Function],
-                      "getTfootTrProps": [Function],
-                      "getTheadFilterProps": [Function],
-                      "getTheadFilterThProps": [Function],
-                      "getTheadFilterTrProps": [Function],
-                      "getTheadGroupProps": [Function],
-                      "getTheadGroupThProps": [Function],
-                      "getTheadGroupTrProps": [Function],
-                      "getTheadProps": [Function],
-                      "getTheadThProps": [Function],
-                      "getTheadTrProps": [Function],
-                      "getTrGroupProps": [Function],
-                      "getTrProps": [Function],
-                      "groupedByPivotKey": "_groupedByPivot",
-                      "hasColumnFooter": false,
-                      "hasHeaderGroups": false,
-                      "headerGroups": Array [],
-                      "identifierField": "id",
-                      "indexKey": "_index",
-                      "linkerField": "id",
-                      "loading": false,
-                      "loadingText": "Loading...",
-                      "minRows": 20,
-                      "multiSort": true,
-                      "nestingLevelKey": "_nestingLevel",
-                      "nextText": "Next",
-                      "noDataText": "No rows found",
-                      "ofText": "of",
-                      "onFetchData": [Function],
-                      "originalKey": "_original",
-                      "padRows": Array [
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                      ],
-                      "page": 0,
-                      "pageJumpText": "jump to page",
-                      "pageRows": Array [
-                        Object {
-                          "_index": 0,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 9,
-                            "location": "Operational Area 9",
-                            "parent_id": 4,
-                            "spray_coverage": "70%",
-                            "spray_effectiveness": "90%",
-                          },
-                          "_subRows": undefined,
-                          "_viewIndex": 0,
-                          "id": 9,
-                          "location": "Operational Area 9",
-                          "parent_id": 4,
-                          "spray_coverage": "70%",
-                          "spray_effectiveness": "90%",
-                        },
-                        Object {
-                          "_index": 1,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 10,
-                            "location": "Operational Area 10",
-                            "parent_id": 4,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "_viewIndex": 1,
-                          "id": 10,
-                          "location": "Operational Area 10",
-                          "parent_id": 4,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "100%",
-                        },
-                        Object {
-                          "_index": 2,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 11,
-                            "location": "Operational Area 11",
-                            "parent_id": 4,
-                            "spray_coverage": "100%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "_viewIndex": 2,
-                          "id": 11,
-                          "location": "Operational Area 11",
-                          "parent_id": 4,
-                          "spray_coverage": "100%",
-                          "spray_effectiveness": "100%",
-                        },
-                      ],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        5,
-                        10,
-                        20,
-                        25,
-                        50,
-                        100,
-                      ],
-                      "pageText": "Page",
-                      "pages": 1,
-                      "parentIdentifierField": "parent_id",
-                      "pivotDefaults": Object {},
-                      "pivotIDKey": "_pivotID",
-                      "pivotValKey": "_pivotVal",
-                      "previousText": "Previous",
-                      "resizable": true,
-                      "resized": Array [],
-                      "resolveData": [Function],
-                      "resolvedData": Array [
-                        Object {
-                          "_index": 0,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 9,
-                            "location": "Operational Area 9",
-                            "parent_id": 4,
-                            "spray_coverage": "70%",
-                            "spray_effectiveness": "90%",
-                          },
-                          "_subRows": undefined,
-                          "id": 9,
-                          "location": "Operational Area 9",
-                          "parent_id": 4,
-                          "spray_coverage": "70%",
-                          "spray_effectiveness": "90%",
-                        },
-                        Object {
-                          "_index": 1,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 10,
-                            "location": "Operational Area 10",
-                            "parent_id": 4,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "id": 10,
-                          "location": "Operational Area 10",
-                          "parent_id": 4,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "100%",
-                        },
-                        Object {
-                          "_index": 2,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 11,
-                            "location": "Operational Area 11",
-                            "parent_id": 4,
-                            "spray_coverage": "100%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "id": 11,
-                          "location": "Operational Area 11",
-                          "parent_id": 4,
-                          "spray_coverage": "100%",
-                          "spray_effectiveness": "100%",
-                        },
-                      ],
-                      "rootParentId": null,
-                      "rowMinWidth": 500,
-                      "rowsSelectorText": "rows per page",
-                      "rowsText": "rows",
-                      "showPageJump": true,
-                      "showPageSizeOptions": true,
-                      "showPagination": true,
-                      "showPaginationBottom": true,
-                      "showPaginationTop": false,
-                      "skipNextSort": false,
-                      "sortable": true,
-                      "sorted": Array [],
-                      "sortedData": Array [
-                        Object {
-                          "_index": 0,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 9,
-                            "location": "Operational Area 9",
-                            "parent_id": 4,
-                            "spray_coverage": "70%",
-                            "spray_effectiveness": "90%",
-                          },
-                          "_subRows": undefined,
-                          "id": 9,
-                          "location": "Operational Area 9",
-                          "parent_id": 4,
-                          "spray_coverage": "70%",
-                          "spray_effectiveness": "90%",
-                        },
-                        Object {
-                          "_index": 1,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 10,
-                            "location": "Operational Area 10",
-                            "parent_id": 4,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "id": 10,
-                          "location": "Operational Area 10",
-                          "parent_id": 4,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "100%",
+                          "id": "spray_coverage",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
                         },
                         Object {
-                          "_index": 2,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 11,
-                            "location": "Operational Area 11",
-                            "parent_id": 4,
-                            "spray_coverage": "100%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "id": 11,
-                          "location": "Operational Area 11",
-                          "parent_id": 4,
-                          "spray_coverage": "100%",
-                          "spray_effectiveness": "100%",
-                        },
-                      ],
-                      "startRow": 0,
-                      "style": Object {},
-                      "subRowsKey": "_subRows",
-                      "useDrillDownTrProps": true,
-                    }
-                  }
-                >
-                  <div
-                    className="rt-tr -even"
-                    onClick={[Function]}
-                    role="row"
-                    row={
-                      Object {
-                        "AggregatedComponent": [Function],
-                        "CellComponent": [Function],
-                        "ExpanderComponent": [Function],
-                        "FilterComponent": [Function],
-                        "LoadingComponent": [Function],
-                        "NoDataComponent": [Function],
-                        "PadRowComponent": [Function],
-                        "PaginationComponent": [Function],
-                        "PivotValueComponent": [Function],
-                        "ResizerComponent": [Function],
-                        "TableComponent": [Function],
-                        "TbodyComponent": [Function],
-                        "TdComponent": [Function],
-                        "TfootComponent": [Function],
-                        "ThComponent": [Function],
-                        "TheadComponent": [Function],
-                        "TrComponent": [Function],
-                        "TrGroupComponent": [Function],
-                        "aggregatedKey": "_aggregated",
-                        "allDecoratedColumns": Array [
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": [Function],
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "location",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "location",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "parent_id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "parent_id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_coverage",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_coverage",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_effectiveness",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_effectiveness",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                        ],
-                        "allVisibleColumns": Array [
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": [Function],
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "location",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "location",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "parent_id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "parent_id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_coverage",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_coverage",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_effectiveness",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_effectiveness",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                        ],
-                        "canNext": false,
-                        "canPrevious": false,
-                        "className": "",
-                        "collapseOnDataChange": true,
-                        "collapseOnPageChange": true,
-                        "collapseOnSortingChange": true,
-                        "column": Object {
                           "Aggregated": undefined,
                           "Cell": undefined,
                           "Expander": undefined,
                           "Filter": undefined,
                           "Footer": undefined,
-                          "Header": undefined,
+                          "Header": "spray_effectiveness",
                           "Pivot": undefined,
                           "PivotValue": undefined,
                           "Placeholder": undefined,
+                          "accessor": [Function],
                           "aggregate": undefined,
                           "className": "",
                           "filterAll": false,
@@ -10550,6 +21093,7 @@ exports[`DrillDownTable click to drill down works 2`] = `
                           "getProps": [Function],
                           "headerClassName": "",
                           "headerStyle": Object {},
+                          "id": "spray_effectiveness",
                           "minResizeWidth": 11,
                           "minWidth": 100,
                           "resizable": undefined,
@@ -10558,338 +21102,388 @@ exports[`DrillDownTable click to drill down works 2`] = `
                           "sortable": undefined,
                           "style": Object {},
                         },
-                        "columns": Array [
-                          Object {
-                            "Cell": [Function],
-                            "Header": "id",
-                            "accessor": "id",
-                          },
-                          Object {
-                            "Header": "location",
-                            "accessor": "location",
-                          },
-                          Object {
-                            "Header": "parent_id",
-                            "accessor": "parent_id",
-                          },
-                          Object {
-                            "Header": "spray_coverage",
-                            "accessor": "spray_coverage",
-                          },
-                          Object {
-                            "Header": "spray_effectiveness",
-                            "accessor": "spray_effectiveness",
-                          },
-                        ],
-                        "currentlyResizing": false,
-                        "data": Array [
-                          Object {
-                            "id": 9,
-                            "location": "Operational Area 9",
-                            "parent_id": 4,
-                            "spray_coverage": "70%",
-                            "spray_effectiveness": "90%",
-                          },
-                          Object {
-                            "id": 10,
-                            "location": "Operational Area 10",
-                            "parent_id": 4,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "100%",
-                          },
-                          Object {
-                            "id": 11,
-                            "location": "Operational Area 11",
-                            "parent_id": 4,
-                            "spray_coverage": "100%",
-                            "spray_effectiveness": "100%",
-                          },
-                        ],
-                        "defaultExpanded": Object {},
-                        "defaultFilterMethod": [Function],
-                        "defaultFiltered": Array [],
-                        "defaultPage": 0,
-                        "defaultPageSize": 20,
-                        "defaultResized": Array [],
-                        "defaultSortDesc": false,
-                        "defaultSortMethod": [Function],
-                        "defaultSorted": Array [],
-                        "endRow": 20,
-                        "expanded": Object {},
-                        "expanderDefaults": Object {
-                          "filterable": false,
-                          "resizable": false,
-                          "sortable": false,
-                          "width": 35,
+                      ],
+                      "canNext": false,
+                      "canPrevious": false,
+                      "className": "",
+                      "collapseOnDataChange": true,
+                      "collapseOnPageChange": true,
+                      "collapseOnSortingChange": true,
+                      "column": Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": undefined,
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      "columns": Array [
+                        Object {
+                          "Cell": [Function],
+                          "Header": "id",
+                          "accessor": "id",
+                        },
+                        Object {
+                          "Header": "location",
+                          "accessor": "location",
+                        },
+                        Object {
+                          "Header": "parent_id",
+                          "accessor": "parent_id",
+                        },
+                        Object {
+                          "Header": "spray_coverage",
+                          "accessor": "spray_coverage",
+                        },
+                        Object {
+                          "Header": "spray_effectiveness",
+                          "accessor": "spray_effectiveness",
+                        },
+                      ],
+                      "currentlyResizing": false,
+                      "data": Array [
+                        Object {
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
                         },
+                        Object {
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                      ],
+                      "defaultExpanded": Object {},
+                      "defaultFilterMethod": [Function],
+                      "defaultFiltered": Array [],
+                      "defaultPage": 0,
+                      "defaultPageSize": 20,
+                      "defaultResized": Array [],
+                      "defaultSortDesc": false,
+                      "defaultSortMethod": [Function],
+                      "defaultSorted": Array [],
+                      "endRow": 20,
+                      "expanded": Object {},
+                      "expanderDefaults": Object {
                         "filterable": false,
-                        "filtered": Array [],
-                        "freezeWhenExpanded": false,
-                        "frozen": false,
-                        "getLoadingProps": [Function],
-                        "getNoDataProps": [Function],
-                        "getPaginationProps": [Function],
-                        "getProps": [Function],
-                        "getResizerProps": [Function],
-                        "getTableProps": [Function],
-                        "getTbodyProps": [Function],
-                        "getTdProps": [Function],
-                        "getTfootProps": [Function],
-                        "getTfootTdProps": [Function],
-                        "getTfootTrProps": [Function],
-                        "getTheadFilterProps": [Function],
-                        "getTheadFilterThProps": [Function],
-                        "getTheadFilterTrProps": [Function],
-                        "getTheadGroupProps": [Function],
-                        "getTheadGroupThProps": [Function],
-                        "getTheadGroupTrProps": [Function],
-                        "getTheadProps": [Function],
-                        "getTheadThProps": [Function],
-                        "getTheadTrProps": [Function],
-                        "getTrGroupProps": [Function],
-                        "getTrProps": [Function],
-                        "groupedByPivotKey": "_groupedByPivot",
-                        "hasColumnFooter": false,
-                        "hasHeaderGroups": false,
-                        "headerGroups": Array [],
-                        "identifierField": "id",
-                        "indexKey": "_index",
-                        "linkerField": "id",
-                        "loading": false,
-                        "loadingText": "Loading...",
-                        "minRows": 20,
-                        "multiSort": true,
-                        "nestingLevelKey": "_nestingLevel",
-                        "nextText": "Next",
-                        "noDataText": "No rows found",
-                        "ofText": "of",
-                        "onFetchData": [Function],
-                        "originalKey": "_original",
-                        "padRows": Array [
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                        ],
-                        "page": 0,
-                        "pageJumpText": "jump to page",
-                        "pageRows": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 9,
-                              "location": "Operational Area 9",
-                              "parent_id": 4,
-                              "spray_coverage": "70%",
-                              "spray_effectiveness": "90%",
-                            },
-                            "_subRows": undefined,
-                            "_viewIndex": 0,
+                        "resizable": false,
+                        "sortable": false,
+                        "width": 35,
+                      },
+                      "filterable": false,
+                      "filtered": Array [],
+                      "freezeWhenExpanded": false,
+                      "frozen": false,
+                      "getLoadingProps": [Function],
+                      "getNoDataProps": [Function],
+                      "getPaginationProps": [Function],
+                      "getProps": [Function],
+                      "getResizerProps": [Function],
+                      "getTableProps": [Function],
+                      "getTbodyProps": [Function],
+                      "getTdProps": [Function],
+                      "getTfootProps": [Function],
+                      "getTfootTdProps": [Function],
+                      "getTfootTrProps": [Function],
+                      "getTheadFilterProps": [Function],
+                      "getTheadFilterThProps": [Function],
+                      "getTheadFilterTrProps": [Function],
+                      "getTheadGroupProps": [Function],
+                      "getTheadGroupThProps": [Function],
+                      "getTheadGroupTrProps": [Function],
+                      "getTheadProps": [Function],
+                      "getTheadThProps": [Function],
+                      "getTheadTrProps": [Function],
+                      "getTrGroupProps": [Function],
+                      "getTrProps": [Function],
+                      "groupedByPivotKey": "_groupedByPivot",
+                      "hasChildren": [Function],
+                      "hasColumnFooter": false,
+                      "hasHeaderGroups": false,
+                      "headerGroups": Array [],
+                      "identifierField": "id",
+                      "indexKey": "_index",
+                      "linkerField": "id",
+                      "loading": false,
+                      "loadingText": "Loading...",
+                      "minRows": 20,
+                      "multiSort": true,
+                      "nestingLevelKey": "_nestingLevel",
+                      "nextText": "Next",
+                      "noDataText": "No rows found",
+                      "ofText": "of",
+                      "onFetchData": [Function],
+                      "originalKey": "_original",
+                      "padRows": Array [
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                      ],
+                      "page": 0,
+                      "pageJumpText": "jump to page",
+                      "pageRows": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 9,
                             "location": "Operational Area 9",
                             "parent_id": 4,
                             "spray_coverage": "70%",
                             "spray_effectiveness": "90%",
                           },
-                          Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 10,
-                              "location": "Operational Area 10",
-                              "parent_id": 4,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
-                            "_viewIndex": 1,
+                          "_subRows": undefined,
+                          "_viewIndex": 0,
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 10,
                             "location": "Operational Area 10",
                             "parent_id": 4,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "100%",
                           },
-                          Object {
-                            "_index": 2,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 11,
-                              "location": "Operational Area 11",
-                              "parent_id": 4,
-                              "spray_coverage": "100%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
-                            "_viewIndex": 2,
+                          "_subRows": undefined,
+                          "_viewIndex": 1,
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 11,
                             "location": "Operational Area 11",
                             "parent_id": 4,
                             "spray_coverage": "100%",
                             "spray_effectiveness": "100%",
                           },
-                        ],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          5,
-                          10,
-                          20,
-                          25,
-                          50,
-                          100,
-                        ],
-                        "pageText": "Page",
-                        "pages": 1,
-                        "parentIdentifierField": "parent_id",
-                        "pivotDefaults": Object {},
-                        "pivotIDKey": "_pivotID",
-                        "pivotValKey": "_pivotVal",
-                        "previousText": "Previous",
-                        "resizable": true,
-                        "resized": Array [],
-                        "resolveData": [Function],
-                        "resolvedData": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 9,
-                              "location": "Operational Area 9",
-                              "parent_id": 4,
-                              "spray_coverage": "70%",
-                              "spray_effectiveness": "90%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "_viewIndex": 2,
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                      ],
+                      "pageSize": 20,
+                      "pageSizeOptions": Array [
+                        5,
+                        10,
+                        20,
+                        25,
+                        50,
+                        100,
+                      ],
+                      "pageText": "Page",
+                      "pages": 1,
+                      "parentIdentifierField": "parent_id",
+                      "pivotDefaults": Object {},
+                      "pivotIDKey": "_pivotID",
+                      "pivotValKey": "_pivotVal",
+                      "previousText": "Previous",
+                      "resizable": true,
+                      "resized": Array [],
+                      "resolveData": [Function],
+                      "resolvedData": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 9,
                             "location": "Operational Area 9",
                             "parent_id": 4,
                             "spray_coverage": "70%",
                             "spray_effectiveness": "90%",
                           },
-                          Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 10,
-                              "location": "Operational Area 10",
-                              "parent_id": 4,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 10,
                             "location": "Operational Area 10",
                             "parent_id": 4,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "100%",
                           },
-                          Object {
-                            "_index": 2,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 11,
-                              "location": "Operational Area 11",
-                              "parent_id": 4,
-                              "spray_coverage": "100%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 11,
                             "location": "Operational Area 11",
                             "parent_id": 4,
                             "spray_coverage": "100%",
                             "spray_effectiveness": "100%",
                           },
-                        ],
-                        "rootParentId": null,
-                        "rowMinWidth": 500,
-                        "rowsSelectorText": "rows per page",
-                        "rowsText": "rows",
-                        "showPageJump": true,
-                        "showPageSizeOptions": true,
-                        "showPagination": true,
-                        "showPaginationBottom": true,
-                        "showPaginationTop": false,
-                        "skipNextSort": false,
-                        "sortable": true,
-                        "sorted": Array [],
-                        "sortedData": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 9,
-                              "location": "Operational Area 9",
-                              "parent_id": 4,
-                              "spray_coverage": "70%",
-                              "spray_effectiveness": "90%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                      ],
+                      "rootParentId": null,
+                      "rowMinWidth": 500,
+                      "rowsSelectorText": "rows per page",
+                      "rowsText": "rows",
+                      "showPageJump": true,
+                      "showPageSizeOptions": true,
+                      "showPagination": true,
+                      "showPaginationBottom": true,
+                      "showPaginationTop": false,
+                      "skipNextSort": false,
+                      "sortable": true,
+                      "sorted": Array [],
+                      "sortedData": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 9,
                             "location": "Operational Area 9",
                             "parent_id": 4,
                             "spray_coverage": "70%",
                             "spray_effectiveness": "90%",
                           },
-                          Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 10,
-                              "location": "Operational Area 10",
-                              "parent_id": 4,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 10,
                             "location": "Operational Area 10",
                             "parent_id": 4,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "100%",
                           },
-                          Object {
-                            "_index": 2,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 11,
-                              "location": "Operational Area 11",
-                              "parent_id": 4,
-                              "spray_coverage": "100%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 11,
                             "location": "Operational Area 11",
                             "parent_id": 4,
                             "spray_coverage": "100%",
                             "spray_effectiveness": "100%",
                           },
-                        ],
-                        "startRow": 0,
-                        "style": Object {},
-                        "subRowsKey": "_subRows",
-                        "useDrillDownTrProps": true,
+                          "_subRows": undefined,
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                      ],
+                      "startRow": 0,
+                      "style": Object {},
+                      "subRowsKey": "_subRows",
+                      "useDrillDownTrProps": true,
+                    }
+                  }
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
                       }
                     }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -10897,139 +21491,139 @@ exports[`DrillDownTable click to drill down works 2`] = `
                           "width": "100px",
                         }
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <Component
-                          classes={
-                            Array [
-                              undefined,
-                              "",
-                              undefined,
-                            ]
-                          }
-                          column={
-                            Object {
-                              "Aggregated": undefined,
-                              "Cell": [Function],
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "id",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "id",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            }
-                          }
-                          columnProps={
-                            Object {
-                              "className": undefined,
-                              "rest": Object {},
-                              "style": undefined,
-                            }
+                    >
+                      <Component
+                        classes={
+                          Array [
+                            undefined,
+                            "",
+                            undefined,
+                          ]
+                        }
+                        column={
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": [Function],
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
                           }
-                          index={1}
-                          level={0}
-                          nestingPath={
-                            Array [
-                              1,
-                            ]
+                        }
+                        columnProps={
+                          Object {
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
                           }
-                          original={
-                            Object {
-                              "id": 10,
-                              "location": "Operational Area 10",
-                              "parent_id": 4,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "100%",
-                            }
+                        }
+                        index={1}
+                        level={0}
+                        nestingPath={
+                          Array [
+                            1,
+                          ]
+                        }
+                        original={
+                          Object {
+                            "id": 10,
+                            "location": "Operational Area 10",
+                            "parent_id": 4,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "100%",
                           }
-                          page={0}
-                          pageSize={20}
-                          resized={Array []}
-                          row={
-                            Object {
-                              "_index": 1,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 10,
-                                "location": "Operational Area 10",
-                                "parent_id": 4,
-                                "spray_coverage": "80%",
-                                "spray_effectiveness": "100%",
-                              },
-                              "_subRows": undefined,
-                              "_viewIndex": 1,
+                        }
+                        page={0}
+                        pageSize={20}
+                        resized={Array []}
+                        row={
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
                               "id": 10,
                               "location": "Operational Area 10",
                               "parent_id": 4,
                               "spray_coverage": "80%",
                               "spray_effectiveness": "100%",
-                            }
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 1,
+                            "id": 10,
+                            "location": "Operational Area 10",
+                            "parent_id": 4,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "100%",
                           }
-                          show={true}
-                          styles={Object {}}
-                          tdProps={
-                            Object {
-                              "className": undefined,
-                              "rest": Object {},
-                              "style": undefined,
-                            }
+                        }
+                        show={true}
+                        styles={Object {}}
+                        tdProps={
+                          Object {
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
                           }
-                          value={10}
-                          viewIndex={1}
-                          width={100}
+                        }
+                        value={10}
+                        viewIndex={1}
+                        width={100}
+                      >
+                        <DropDownCell
+                          cellValue={10}
+                          hasChildren={false}
                         >
-                          <DropDownCell
-                            cellValue={10}
-                            hasChildren={false}
+                          <div
+                            className="dd-linker-item"
                           >
-                            <div
-                              className="dd-linker-item"
-                            >
-                              <span>
-                                10
-                              </span>
-                            </div>
-                          </DropDownCell>
-                        </Component>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                            <span>
+                              10
+                            </span>
+                          </div>
+                        </DropDownCell>
+                      </Component>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -11038,25 +21632,25 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        Operational Area 10
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      Operational Area 10
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -11065,25 +21659,25 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        4
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      4
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -11092,25 +21686,25 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        80%
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      80%
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -11119,35 +21713,737 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        100%
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="2"
+                      100%
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="2"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-odd"
+                onClick={[Function]}
+                row={
+                  Object {
+                    "AggregatedComponent": [Function],
+                    "CellComponent": [Function],
+                    "ExpanderComponent": [Function],
+                    "FilterComponent": [Function],
+                    "LoadingComponent": [Function],
+                    "NoDataComponent": [Function],
+                    "PadRowComponent": [Function],
+                    "PaginationComponent": [Function],
+                    "PivotValueComponent": [Function],
+                    "ResizerComponent": [Function],
+                    "TableComponent": [Function],
+                    "TbodyComponent": [Function],
+                    "TdComponent": [Function],
+                    "TfootComponent": [Function],
+                    "ThComponent": [Function],
+                    "TheadComponent": [Function],
+                    "TrComponent": [Function],
+                    "TrGroupComponent": [Function],
+                    "aggregatedKey": "_aggregated",
+                    "allDecoratedColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "allVisibleColumns": Array [
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": [Function],
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "location",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "location",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "parent_id",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "parent_id",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_coverage",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_coverage",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": "spray_effectiveness",
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "accessor": [Function],
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "id": "spray_effectiveness",
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                    ],
+                    "canNext": false,
+                    "canPrevious": false,
+                    "className": "",
+                    "collapseOnDataChange": true,
+                    "collapseOnPageChange": true,
+                    "collapseOnSortingChange": true,
+                    "column": Object {
+                      "Aggregated": undefined,
+                      "Cell": undefined,
+                      "Expander": undefined,
+                      "Filter": undefined,
+                      "Footer": undefined,
+                      "Header": undefined,
+                      "Pivot": undefined,
+                      "PivotValue": undefined,
+                      "Placeholder": undefined,
+                      "aggregate": undefined,
+                      "className": "",
+                      "filterAll": false,
+                      "filterMethod": undefined,
+                      "filterable": undefined,
+                      "footerClassName": "",
+                      "footerStyle": Object {},
+                      "getFooterProps": [Function],
+                      "getHeaderProps": [Function],
+                      "getProps": [Function],
+                      "headerClassName": "",
+                      "headerStyle": Object {},
+                      "minResizeWidth": 11,
+                      "minWidth": 100,
+                      "resizable": undefined,
+                      "show": true,
+                      "sortMethod": undefined,
+                      "sortable": undefined,
+                      "style": Object {},
+                    },
+                    "columns": Array [
+                      Object {
+                        "Cell": [Function],
+                        "Header": "id",
+                        "accessor": "id",
+                      },
+                      Object {
+                        "Header": "location",
+                        "accessor": "location",
+                      },
+                      Object {
+                        "Header": "parent_id",
+                        "accessor": "parent_id",
+                      },
+                      Object {
+                        "Header": "spray_coverage",
+                        "accessor": "spray_coverage",
+                      },
+                      Object {
+                        "Header": "spray_effectiveness",
+                        "accessor": "spray_effectiveness",
+                      },
+                    ],
+                    "currentlyResizing": false,
+                    "data": Array [
+                      Object {
+                        "id": 9,
+                        "location": "Operational Area 9",
+                        "parent_id": 4,
+                        "spray_coverage": "70%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "id": 10,
+                        "location": "Operational Area 10",
+                        "parent_id": 4,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "100%",
+                      },
+                      Object {
+                        "id": 11,
+                        "location": "Operational Area 11",
+                        "parent_id": 4,
+                        "spray_coverage": "100%",
+                        "spray_effectiveness": "100%",
+                      },
+                    ],
+                    "defaultExpanded": Object {},
+                    "defaultFilterMethod": [Function],
+                    "defaultFiltered": Array [],
+                    "defaultPage": 0,
+                    "defaultPageSize": 20,
+                    "defaultResized": Array [],
+                    "defaultSortDesc": false,
+                    "defaultSortMethod": [Function],
+                    "defaultSorted": Array [],
+                    "endRow": 20,
+                    "expanded": Object {},
+                    "expanderDefaults": Object {
+                      "filterable": false,
+                      "resizable": false,
+                      "sortable": false,
+                      "width": 35,
+                    },
+                    "filterable": false,
+                    "filtered": Array [],
+                    "freezeWhenExpanded": false,
+                    "frozen": false,
+                    "getLoadingProps": [Function],
+                    "getNoDataProps": [Function],
+                    "getPaginationProps": [Function],
+                    "getProps": [Function],
+                    "getResizerProps": [Function],
+                    "getTableProps": [Function],
+                    "getTbodyProps": [Function],
+                    "getTdProps": [Function],
+                    "getTfootProps": [Function],
+                    "getTfootTdProps": [Function],
+                    "getTfootTrProps": [Function],
+                    "getTheadFilterProps": [Function],
+                    "getTheadFilterThProps": [Function],
+                    "getTheadFilterTrProps": [Function],
+                    "getTheadGroupProps": [Function],
+                    "getTheadGroupThProps": [Function],
+                    "getTheadGroupTrProps": [Function],
+                    "getTheadProps": [Function],
+                    "getTheadThProps": [Function],
+                    "getTheadTrProps": [Function],
+                    "getTrGroupProps": [Function],
+                    "getTrProps": [Function],
+                    "groupedByPivotKey": "_groupedByPivot",
+                    "hasChildren": [Function],
+                    "hasColumnFooter": false,
+                    "hasHeaderGroups": false,
+                    "headerGroups": Array [],
+                    "identifierField": "id",
+                    "indexKey": "_index",
+                    "linkerField": "id",
+                    "loading": false,
+                    "loadingText": "Loading...",
+                    "minRows": 20,
+                    "multiSort": true,
+                    "nestingLevelKey": "_nestingLevel",
+                    "nextText": "Next",
+                    "noDataText": "No rows found",
+                    "ofText": "of",
+                    "onFetchData": [Function],
+                    "originalKey": "_original",
+                    "padRows": Array [
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                      17,
+                    ],
+                    "page": 0,
+                    "pageJumpText": "jump to page",
+                    "pageRows": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 0,
+                        "id": 9,
+                        "location": "Operational Area 9",
+                        "parent_id": 4,
+                        "spray_coverage": "70%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 1,
+                        "id": 10,
+                        "location": "Operational Area 10",
+                        "parent_id": 4,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "100%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "_viewIndex": 2,
+                        "id": 11,
+                        "location": "Operational Area 11",
+                        "parent_id": 4,
+                        "spray_coverage": "100%",
+                        "spray_effectiveness": "100%",
+                      },
+                    ],
+                    "pageSize": 20,
+                    "pageSizeOptions": Array [
+                      5,
+                      10,
+                      20,
+                      25,
+                      50,
+                      100,
+                    ],
+                    "pageText": "Page",
+                    "pages": 1,
+                    "parentIdentifierField": "parent_id",
+                    "pivotDefaults": Object {},
+                    "pivotIDKey": "_pivotID",
+                    "pivotValKey": "_pivotVal",
+                    "previousText": "Previous",
+                    "resizable": true,
+                    "resized": Array [],
+                    "resolveData": [Function],
+                    "resolvedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "id": 9,
+                        "location": "Operational Area 9",
+                        "parent_id": 4,
+                        "spray_coverage": "70%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "id": 10,
+                        "location": "Operational Area 10",
+                        "parent_id": 4,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "100%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "id": 11,
+                        "location": "Operational Area 11",
+                        "parent_id": 4,
+                        "spray_coverage": "100%",
+                        "spray_effectiveness": "100%",
+                      },
+                    ],
+                    "rootParentId": null,
+                    "rowMinWidth": 500,
+                    "rowsSelectorText": "rows per page",
+                    "rowsText": "rows",
+                    "showPageJump": true,
+                    "showPageSizeOptions": true,
+                    "showPagination": true,
+                    "showPaginationBottom": true,
+                    "showPaginationTop": false,
+                    "skipNextSort": false,
+                    "sortable": true,
+                    "sorted": Array [],
+                    "sortedData": Array [
+                      Object {
+                        "_index": 0,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        "_subRows": undefined,
+                        "id": 9,
+                        "location": "Operational Area 9",
+                        "parent_id": 4,
+                        "spray_coverage": "70%",
+                        "spray_effectiveness": "90%",
+                      },
+                      Object {
+                        "_index": 1,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "id": 10,
+                        "location": "Operational Area 10",
+                        "parent_id": 4,
+                        "spray_coverage": "80%",
+                        "spray_effectiveness": "100%",
+                      },
+                      Object {
+                        "_index": 2,
+                        "_nestingLevel": 0,
+                        "_original": Object {
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                        "_subRows": undefined,
+                        "id": 11,
+                        "location": "Operational Area 11",
+                        "parent_id": 4,
+                        "spray_coverage": "100%",
+                        "spray_effectiveness": "100%",
+                      },
+                    ],
+                    "startRow": 0,
+                    "style": Object {},
+                    "subRowsKey": "_subRows",
+                    "useDrillDownTrProps": true,
+                  }
+                }
               >
-                <TrComponent
-                  className="-odd"
+                <div
+                  className="rt-tr -odd"
                   onClick={[Function]}
+                  role="row"
                   row={
                     Object {
                       "AggregatedComponent": [Function],
@@ -11355,873 +22651,122 @@ exports[`DrillDownTable click to drill down works 2`] = `
                           "getProps": [Function],
                           "headerClassName": "",
                           "headerStyle": Object {},
-                          "id": "id",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "location",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "location",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "parent_id",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "parent_id",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "spray_coverage",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "spray_coverage",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": "spray_effectiveness",
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "accessor": [Function],
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "id": "spray_effectiveness",
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                      ],
-                      "canNext": false,
-                      "canPrevious": false,
-                      "className": "",
-                      "collapseOnDataChange": true,
-                      "collapseOnPageChange": true,
-                      "collapseOnSortingChange": true,
-                      "column": Object {
-                        "Aggregated": undefined,
-                        "Cell": undefined,
-                        "Expander": undefined,
-                        "Filter": undefined,
-                        "Footer": undefined,
-                        "Header": undefined,
-                        "Pivot": undefined,
-                        "PivotValue": undefined,
-                        "Placeholder": undefined,
-                        "aggregate": undefined,
-                        "className": "",
-                        "filterAll": false,
-                        "filterMethod": undefined,
-                        "filterable": undefined,
-                        "footerClassName": "",
-                        "footerStyle": Object {},
-                        "getFooterProps": [Function],
-                        "getHeaderProps": [Function],
-                        "getProps": [Function],
-                        "headerClassName": "",
-                        "headerStyle": Object {},
-                        "minResizeWidth": 11,
-                        "minWidth": 100,
-                        "resizable": undefined,
-                        "show": true,
-                        "sortMethod": undefined,
-                        "sortable": undefined,
-                        "style": Object {},
-                      },
-                      "columns": Array [
-                        Object {
-                          "Cell": [Function],
-                          "Header": "id",
-                          "accessor": "id",
-                        },
-                        Object {
-                          "Header": "location",
-                          "accessor": "location",
-                        },
-                        Object {
-                          "Header": "parent_id",
-                          "accessor": "parent_id",
-                        },
-                        Object {
-                          "Header": "spray_coverage",
-                          "accessor": "spray_coverage",
-                        },
-                        Object {
-                          "Header": "spray_effectiveness",
-                          "accessor": "spray_effectiveness",
-                        },
-                      ],
-                      "currentlyResizing": false,
-                      "data": Array [
-                        Object {
-                          "id": 9,
-                          "location": "Operational Area 9",
-                          "parent_id": 4,
-                          "spray_coverage": "70%",
-                          "spray_effectiveness": "90%",
-                        },
-                        Object {
-                          "id": 10,
-                          "location": "Operational Area 10",
-                          "parent_id": 4,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "100%",
-                        },
-                        Object {
-                          "id": 11,
-                          "location": "Operational Area 11",
-                          "parent_id": 4,
-                          "spray_coverage": "100%",
-                          "spray_effectiveness": "100%",
-                        },
-                      ],
-                      "defaultExpanded": Object {},
-                      "defaultFilterMethod": [Function],
-                      "defaultFiltered": Array [],
-                      "defaultPage": 0,
-                      "defaultPageSize": 20,
-                      "defaultResized": Array [],
-                      "defaultSortDesc": false,
-                      "defaultSortMethod": [Function],
-                      "defaultSorted": Array [],
-                      "endRow": 20,
-                      "expanded": Object {},
-                      "expanderDefaults": Object {
-                        "filterable": false,
-                        "resizable": false,
-                        "sortable": false,
-                        "width": 35,
-                      },
-                      "filterable": false,
-                      "filtered": Array [],
-                      "freezeWhenExpanded": false,
-                      "frozen": false,
-                      "getLoadingProps": [Function],
-                      "getNoDataProps": [Function],
-                      "getPaginationProps": [Function],
-                      "getProps": [Function],
-                      "getResizerProps": [Function],
-                      "getTableProps": [Function],
-                      "getTbodyProps": [Function],
-                      "getTdProps": [Function],
-                      "getTfootProps": [Function],
-                      "getTfootTdProps": [Function],
-                      "getTfootTrProps": [Function],
-                      "getTheadFilterProps": [Function],
-                      "getTheadFilterThProps": [Function],
-                      "getTheadFilterTrProps": [Function],
-                      "getTheadGroupProps": [Function],
-                      "getTheadGroupThProps": [Function],
-                      "getTheadGroupTrProps": [Function],
-                      "getTheadProps": [Function],
-                      "getTheadThProps": [Function],
-                      "getTheadTrProps": [Function],
-                      "getTrGroupProps": [Function],
-                      "getTrProps": [Function],
-                      "groupedByPivotKey": "_groupedByPivot",
-                      "hasColumnFooter": false,
-                      "hasHeaderGroups": false,
-                      "headerGroups": Array [],
-                      "identifierField": "id",
-                      "indexKey": "_index",
-                      "linkerField": "id",
-                      "loading": false,
-                      "loadingText": "Loading...",
-                      "minRows": 20,
-                      "multiSort": true,
-                      "nestingLevelKey": "_nestingLevel",
-                      "nextText": "Next",
-                      "noDataText": "No rows found",
-                      "ofText": "of",
-                      "onFetchData": [Function],
-                      "originalKey": "_original",
-                      "padRows": Array [
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                        17,
-                      ],
-                      "page": 0,
-                      "pageJumpText": "jump to page",
-                      "pageRows": Array [
-                        Object {
-                          "_index": 0,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 9,
-                            "location": "Operational Area 9",
-                            "parent_id": 4,
-                            "spray_coverage": "70%",
-                            "spray_effectiveness": "90%",
-                          },
-                          "_subRows": undefined,
-                          "_viewIndex": 0,
-                          "id": 9,
-                          "location": "Operational Area 9",
-                          "parent_id": 4,
-                          "spray_coverage": "70%",
-                          "spray_effectiveness": "90%",
-                        },
-                        Object {
-                          "_index": 1,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 10,
-                            "location": "Operational Area 10",
-                            "parent_id": 4,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "_viewIndex": 1,
-                          "id": 10,
-                          "location": "Operational Area 10",
-                          "parent_id": 4,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "100%",
-                        },
-                        Object {
-                          "_index": 2,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 11,
-                            "location": "Operational Area 11",
-                            "parent_id": 4,
-                            "spray_coverage": "100%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "_viewIndex": 2,
-                          "id": 11,
-                          "location": "Operational Area 11",
-                          "parent_id": 4,
-                          "spray_coverage": "100%",
-                          "spray_effectiveness": "100%",
-                        },
-                      ],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        5,
-                        10,
-                        20,
-                        25,
-                        50,
-                        100,
-                      ],
-                      "pageText": "Page",
-                      "pages": 1,
-                      "parentIdentifierField": "parent_id",
-                      "pivotDefaults": Object {},
-                      "pivotIDKey": "_pivotID",
-                      "pivotValKey": "_pivotVal",
-                      "previousText": "Previous",
-                      "resizable": true,
-                      "resized": Array [],
-                      "resolveData": [Function],
-                      "resolvedData": Array [
-                        Object {
-                          "_index": 0,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 9,
-                            "location": "Operational Area 9",
-                            "parent_id": 4,
-                            "spray_coverage": "70%",
-                            "spray_effectiveness": "90%",
-                          },
-                          "_subRows": undefined,
-                          "id": 9,
-                          "location": "Operational Area 9",
-                          "parent_id": 4,
-                          "spray_coverage": "70%",
-                          "spray_effectiveness": "90%",
-                        },
-                        Object {
-                          "_index": 1,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 10,
-                            "location": "Operational Area 10",
-                            "parent_id": 4,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "id": 10,
-                          "location": "Operational Area 10",
-                          "parent_id": 4,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "100%",
-                        },
-                        Object {
-                          "_index": 2,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 11,
-                            "location": "Operational Area 11",
-                            "parent_id": 4,
-                            "spray_coverage": "100%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "id": 11,
-                          "location": "Operational Area 11",
-                          "parent_id": 4,
-                          "spray_coverage": "100%",
-                          "spray_effectiveness": "100%",
-                        },
-                      ],
-                      "rootParentId": null,
-                      "rowMinWidth": 500,
-                      "rowsSelectorText": "rows per page",
-                      "rowsText": "rows",
-                      "showPageJump": true,
-                      "showPageSizeOptions": true,
-                      "showPagination": true,
-                      "showPaginationBottom": true,
-                      "showPaginationTop": false,
-                      "skipNextSort": false,
-                      "sortable": true,
-                      "sorted": Array [],
-                      "sortedData": Array [
+                          "id": "id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
                         Object {
-                          "_index": 0,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 9,
-                            "location": "Operational Area 9",
-                            "parent_id": 4,
-                            "spray_coverage": "70%",
-                            "spray_effectiveness": "90%",
-                          },
-                          "_subRows": undefined,
-                          "id": 9,
-                          "location": "Operational Area 9",
-                          "parent_id": 4,
-                          "spray_coverage": "70%",
-                          "spray_effectiveness": "90%",
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "location",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "location",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
                         },
                         Object {
-                          "_index": 1,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 10,
-                            "location": "Operational Area 10",
-                            "parent_id": 4,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "id": 10,
-                          "location": "Operational Area 10",
-                          "parent_id": 4,
-                          "spray_coverage": "80%",
-                          "spray_effectiveness": "100%",
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "parent_id",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "parent_id",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
                         },
                         Object {
-                          "_index": 2,
-                          "_nestingLevel": 0,
-                          "_original": Object {
-                            "id": 11,
-                            "location": "Operational Area 11",
-                            "parent_id": 4,
-                            "spray_coverage": "100%",
-                            "spray_effectiveness": "100%",
-                          },
-                          "_subRows": undefined,
-                          "id": 11,
-                          "location": "Operational Area 11",
-                          "parent_id": 4,
-                          "spray_coverage": "100%",
-                          "spray_effectiveness": "100%",
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": "spray_coverage",
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "accessor": [Function],
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "id": "spray_coverage",
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
                         },
-                      ],
-                      "startRow": 0,
-                      "style": Object {},
-                      "subRowsKey": "_subRows",
-                      "useDrillDownTrProps": true,
-                    }
-                  }
-                >
-                  <div
-                    className="rt-tr -odd"
-                    onClick={[Function]}
-                    role="row"
-                    row={
-                      Object {
-                        "AggregatedComponent": [Function],
-                        "CellComponent": [Function],
-                        "ExpanderComponent": [Function],
-                        "FilterComponent": [Function],
-                        "LoadingComponent": [Function],
-                        "NoDataComponent": [Function],
-                        "PadRowComponent": [Function],
-                        "PaginationComponent": [Function],
-                        "PivotValueComponent": [Function],
-                        "ResizerComponent": [Function],
-                        "TableComponent": [Function],
-                        "TbodyComponent": [Function],
-                        "TdComponent": [Function],
-                        "TfootComponent": [Function],
-                        "ThComponent": [Function],
-                        "TheadComponent": [Function],
-                        "TrComponent": [Function],
-                        "TrGroupComponent": [Function],
-                        "aggregatedKey": "_aggregated",
-                        "allDecoratedColumns": Array [
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": [Function],
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "location",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "location",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "parent_id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "parent_id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_coverage",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_coverage",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_effectiveness",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_effectiveness",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                        ],
-                        "allVisibleColumns": Array [
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": [Function],
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "location",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "location",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "parent_id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "parent_id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_coverage",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_coverage",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_effectiveness",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_effectiveness",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                        ],
-                        "canNext": false,
-                        "canPrevious": false,
-                        "className": "",
-                        "collapseOnDataChange": true,
-                        "collapseOnPageChange": true,
-                        "collapseOnSortingChange": true,
-                        "column": Object {
+                        Object {
                           "Aggregated": undefined,
                           "Cell": undefined,
                           "Expander": undefined,
                           "Filter": undefined,
                           "Footer": undefined,
-                          "Header": undefined,
+                          "Header": "spray_effectiveness",
                           "Pivot": undefined,
                           "PivotValue": undefined,
                           "Placeholder": undefined,
+                          "accessor": [Function],
                           "aggregate": undefined,
                           "className": "",
                           "filterAll": false,
@@ -12234,6 +22779,7 @@ exports[`DrillDownTable click to drill down works 2`] = `
                           "getProps": [Function],
                           "headerClassName": "",
                           "headerStyle": Object {},
+                          "id": "spray_effectiveness",
                           "minResizeWidth": 11,
                           "minWidth": 100,
                           "resizable": undefined,
@@ -12242,338 +22788,388 @@ exports[`DrillDownTable click to drill down works 2`] = `
                           "sortable": undefined,
                           "style": Object {},
                         },
-                        "columns": Array [
-                          Object {
-                            "Cell": [Function],
-                            "Header": "id",
-                            "accessor": "id",
-                          },
-                          Object {
-                            "Header": "location",
-                            "accessor": "location",
-                          },
-                          Object {
-                            "Header": "parent_id",
-                            "accessor": "parent_id",
-                          },
-                          Object {
-                            "Header": "spray_coverage",
-                            "accessor": "spray_coverage",
-                          },
-                          Object {
-                            "Header": "spray_effectiveness",
-                            "accessor": "spray_effectiveness",
-                          },
-                        ],
-                        "currentlyResizing": false,
-                        "data": Array [
-                          Object {
-                            "id": 9,
-                            "location": "Operational Area 9",
-                            "parent_id": 4,
-                            "spray_coverage": "70%",
-                            "spray_effectiveness": "90%",
-                          },
-                          Object {
-                            "id": 10,
-                            "location": "Operational Area 10",
-                            "parent_id": 4,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "100%",
-                          },
-                          Object {
-                            "id": 11,
-                            "location": "Operational Area 11",
-                            "parent_id": 4,
-                            "spray_coverage": "100%",
-                            "spray_effectiveness": "100%",
-                          },
-                        ],
-                        "defaultExpanded": Object {},
-                        "defaultFilterMethod": [Function],
-                        "defaultFiltered": Array [],
-                        "defaultPage": 0,
-                        "defaultPageSize": 20,
-                        "defaultResized": Array [],
-                        "defaultSortDesc": false,
-                        "defaultSortMethod": [Function],
-                        "defaultSorted": Array [],
-                        "endRow": 20,
-                        "expanded": Object {},
-                        "expanderDefaults": Object {
-                          "filterable": false,
-                          "resizable": false,
-                          "sortable": false,
-                          "width": 35,
+                      ],
+                      "canNext": false,
+                      "canPrevious": false,
+                      "className": "",
+                      "collapseOnDataChange": true,
+                      "collapseOnPageChange": true,
+                      "collapseOnSortingChange": true,
+                      "column": Object {
+                        "Aggregated": undefined,
+                        "Cell": undefined,
+                        "Expander": undefined,
+                        "Filter": undefined,
+                        "Footer": undefined,
+                        "Header": undefined,
+                        "Pivot": undefined,
+                        "PivotValue": undefined,
+                        "Placeholder": undefined,
+                        "aggregate": undefined,
+                        "className": "",
+                        "filterAll": false,
+                        "filterMethod": undefined,
+                        "filterable": undefined,
+                        "footerClassName": "",
+                        "footerStyle": Object {},
+                        "getFooterProps": [Function],
+                        "getHeaderProps": [Function],
+                        "getProps": [Function],
+                        "headerClassName": "",
+                        "headerStyle": Object {},
+                        "minResizeWidth": 11,
+                        "minWidth": 100,
+                        "resizable": undefined,
+                        "show": true,
+                        "sortMethod": undefined,
+                        "sortable": undefined,
+                        "style": Object {},
+                      },
+                      "columns": Array [
+                        Object {
+                          "Cell": [Function],
+                          "Header": "id",
+                          "accessor": "id",
+                        },
+                        Object {
+                          "Header": "location",
+                          "accessor": "location",
+                        },
+                        Object {
+                          "Header": "parent_id",
+                          "accessor": "parent_id",
+                        },
+                        Object {
+                          "Header": "spray_coverage",
+                          "accessor": "spray_coverage",
+                        },
+                        Object {
+                          "Header": "spray_effectiveness",
+                          "accessor": "spray_effectiveness",
+                        },
+                      ],
+                      "currentlyResizing": false,
+                      "data": Array [
+                        Object {
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        Object {
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
                         },
+                      ],
+                      "defaultExpanded": Object {},
+                      "defaultFilterMethod": [Function],
+                      "defaultFiltered": Array [],
+                      "defaultPage": 0,
+                      "defaultPageSize": 20,
+                      "defaultResized": Array [],
+                      "defaultSortDesc": false,
+                      "defaultSortMethod": [Function],
+                      "defaultSorted": Array [],
+                      "endRow": 20,
+                      "expanded": Object {},
+                      "expanderDefaults": Object {
                         "filterable": false,
-                        "filtered": Array [],
-                        "freezeWhenExpanded": false,
-                        "frozen": false,
-                        "getLoadingProps": [Function],
-                        "getNoDataProps": [Function],
-                        "getPaginationProps": [Function],
-                        "getProps": [Function],
-                        "getResizerProps": [Function],
-                        "getTableProps": [Function],
-                        "getTbodyProps": [Function],
-                        "getTdProps": [Function],
-                        "getTfootProps": [Function],
-                        "getTfootTdProps": [Function],
-                        "getTfootTrProps": [Function],
-                        "getTheadFilterProps": [Function],
-                        "getTheadFilterThProps": [Function],
-                        "getTheadFilterTrProps": [Function],
-                        "getTheadGroupProps": [Function],
-                        "getTheadGroupThProps": [Function],
-                        "getTheadGroupTrProps": [Function],
-                        "getTheadProps": [Function],
-                        "getTheadThProps": [Function],
-                        "getTheadTrProps": [Function],
-                        "getTrGroupProps": [Function],
-                        "getTrProps": [Function],
-                        "groupedByPivotKey": "_groupedByPivot",
-                        "hasColumnFooter": false,
-                        "hasHeaderGroups": false,
-                        "headerGroups": Array [],
-                        "identifierField": "id",
-                        "indexKey": "_index",
-                        "linkerField": "id",
-                        "loading": false,
-                        "loadingText": "Loading...",
-                        "minRows": 20,
-                        "multiSort": true,
-                        "nestingLevelKey": "_nestingLevel",
-                        "nextText": "Next",
-                        "noDataText": "No rows found",
-                        "ofText": "of",
-                        "onFetchData": [Function],
-                        "originalKey": "_original",
-                        "padRows": Array [
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                          17,
-                        ],
-                        "page": 0,
-                        "pageJumpText": "jump to page",
-                        "pageRows": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 9,
-                              "location": "Operational Area 9",
-                              "parent_id": 4,
-                              "spray_coverage": "70%",
-                              "spray_effectiveness": "90%",
-                            },
-                            "_subRows": undefined,
-                            "_viewIndex": 0,
+                        "resizable": false,
+                        "sortable": false,
+                        "width": 35,
+                      },
+                      "filterable": false,
+                      "filtered": Array [],
+                      "freezeWhenExpanded": false,
+                      "frozen": false,
+                      "getLoadingProps": [Function],
+                      "getNoDataProps": [Function],
+                      "getPaginationProps": [Function],
+                      "getProps": [Function],
+                      "getResizerProps": [Function],
+                      "getTableProps": [Function],
+                      "getTbodyProps": [Function],
+                      "getTdProps": [Function],
+                      "getTfootProps": [Function],
+                      "getTfootTdProps": [Function],
+                      "getTfootTrProps": [Function],
+                      "getTheadFilterProps": [Function],
+                      "getTheadFilterThProps": [Function],
+                      "getTheadFilterTrProps": [Function],
+                      "getTheadGroupProps": [Function],
+                      "getTheadGroupThProps": [Function],
+                      "getTheadGroupTrProps": [Function],
+                      "getTheadProps": [Function],
+                      "getTheadThProps": [Function],
+                      "getTheadTrProps": [Function],
+                      "getTrGroupProps": [Function],
+                      "getTrProps": [Function],
+                      "groupedByPivotKey": "_groupedByPivot",
+                      "hasChildren": [Function],
+                      "hasColumnFooter": false,
+                      "hasHeaderGroups": false,
+                      "headerGroups": Array [],
+                      "identifierField": "id",
+                      "indexKey": "_index",
+                      "linkerField": "id",
+                      "loading": false,
+                      "loadingText": "Loading...",
+                      "minRows": 20,
+                      "multiSort": true,
+                      "nestingLevelKey": "_nestingLevel",
+                      "nextText": "Next",
+                      "noDataText": "No rows found",
+                      "ofText": "of",
+                      "onFetchData": [Function],
+                      "originalKey": "_original",
+                      "padRows": Array [
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                        17,
+                      ],
+                      "page": 0,
+                      "pageJumpText": "jump to page",
+                      "pageRows": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 9,
                             "location": "Operational Area 9",
                             "parent_id": 4,
                             "spray_coverage": "70%",
                             "spray_effectiveness": "90%",
                           },
-                          Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 10,
-                              "location": "Operational Area 10",
-                              "parent_id": 4,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
-                            "_viewIndex": 1,
+                          "_subRows": undefined,
+                          "_viewIndex": 0,
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 10,
                             "location": "Operational Area 10",
                             "parent_id": 4,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "100%",
                           },
-                          Object {
-                            "_index": 2,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 11,
-                              "location": "Operational Area 11",
-                              "parent_id": 4,
-                              "spray_coverage": "100%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
-                            "_viewIndex": 2,
+                          "_subRows": undefined,
+                          "_viewIndex": 1,
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 11,
                             "location": "Operational Area 11",
                             "parent_id": 4,
                             "spray_coverage": "100%",
                             "spray_effectiveness": "100%",
                           },
-                        ],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          5,
-                          10,
-                          20,
-                          25,
-                          50,
-                          100,
-                        ],
-                        "pageText": "Page",
-                        "pages": 1,
-                        "parentIdentifierField": "parent_id",
-                        "pivotDefaults": Object {},
-                        "pivotIDKey": "_pivotID",
-                        "pivotValKey": "_pivotVal",
-                        "previousText": "Previous",
-                        "resizable": true,
-                        "resized": Array [],
-                        "resolveData": [Function],
-                        "resolvedData": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 9,
-                              "location": "Operational Area 9",
-                              "parent_id": 4,
-                              "spray_coverage": "70%",
-                              "spray_effectiveness": "90%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "_viewIndex": 2,
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                      ],
+                      "pageSize": 20,
+                      "pageSizeOptions": Array [
+                        5,
+                        10,
+                        20,
+                        25,
+                        50,
+                        100,
+                      ],
+                      "pageText": "Page",
+                      "pages": 1,
+                      "parentIdentifierField": "parent_id",
+                      "pivotDefaults": Object {},
+                      "pivotIDKey": "_pivotID",
+                      "pivotValKey": "_pivotVal",
+                      "previousText": "Previous",
+                      "resizable": true,
+                      "resized": Array [],
+                      "resolveData": [Function],
+                      "resolvedData": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 9,
                             "location": "Operational Area 9",
                             "parent_id": 4,
                             "spray_coverage": "70%",
                             "spray_effectiveness": "90%",
                           },
-                          Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 10,
-                              "location": "Operational Area 10",
-                              "parent_id": 4,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 10,
                             "location": "Operational Area 10",
                             "parent_id": 4,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "100%",
                           },
-                          Object {
-                            "_index": 2,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 11,
-                              "location": "Operational Area 11",
-                              "parent_id": 4,
-                              "spray_coverage": "100%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 11,
                             "location": "Operational Area 11",
                             "parent_id": 4,
                             "spray_coverage": "100%",
                             "spray_effectiveness": "100%",
                           },
-                        ],
-                        "rootParentId": null,
-                        "rowMinWidth": 500,
-                        "rowsSelectorText": "rows per page",
-                        "rowsText": "rows",
-                        "showPageJump": true,
-                        "showPageSizeOptions": true,
-                        "showPagination": true,
-                        "showPaginationBottom": true,
-                        "showPaginationTop": false,
-                        "skipNextSort": false,
-                        "sortable": true,
-                        "sorted": Array [],
-                        "sortedData": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 9,
-                              "location": "Operational Area 9",
-                              "parent_id": 4,
-                              "spray_coverage": "70%",
-                              "spray_effectiveness": "90%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                      ],
+                      "rootParentId": null,
+                      "rowMinWidth": 500,
+                      "rowsSelectorText": "rows per page",
+                      "rowsText": "rows",
+                      "showPageJump": true,
+                      "showPageSizeOptions": true,
+                      "showPagination": true,
+                      "showPaginationBottom": true,
+                      "showPaginationTop": false,
+                      "skipNextSort": false,
+                      "sortable": true,
+                      "sorted": Array [],
+                      "sortedData": Array [
+                        Object {
+                          "_index": 0,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 9,
                             "location": "Operational Area 9",
                             "parent_id": 4,
                             "spray_coverage": "70%",
                             "spray_effectiveness": "90%",
                           },
-                          Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 10,
-                              "location": "Operational Area 10",
-                              "parent_id": 4,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "id": 9,
+                          "location": "Operational Area 9",
+                          "parent_id": 4,
+                          "spray_coverage": "70%",
+                          "spray_effectiveness": "90%",
+                        },
+                        Object {
+                          "_index": 1,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 10,
                             "location": "Operational Area 10",
                             "parent_id": 4,
                             "spray_coverage": "80%",
                             "spray_effectiveness": "100%",
                           },
-                          Object {
-                            "_index": 2,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 11,
-                              "location": "Operational Area 11",
-                              "parent_id": 4,
-                              "spray_coverage": "100%",
-                              "spray_effectiveness": "100%",
-                            },
-                            "_subRows": undefined,
+                          "_subRows": undefined,
+                          "id": 10,
+                          "location": "Operational Area 10",
+                          "parent_id": 4,
+                          "spray_coverage": "80%",
+                          "spray_effectiveness": "100%",
+                        },
+                        Object {
+                          "_index": 2,
+                          "_nestingLevel": 0,
+                          "_original": Object {
                             "id": 11,
                             "location": "Operational Area 11",
                             "parent_id": 4,
                             "spray_coverage": "100%",
                             "spray_effectiveness": "100%",
                           },
-                        ],
-                        "startRow": 0,
-                        "style": Object {},
-                        "subRowsKey": "_subRows",
-                        "useDrillDownTrProps": true,
+                          "_subRows": undefined,
+                          "id": 11,
+                          "location": "Operational Area 11",
+                          "parent_id": 4,
+                          "spray_coverage": "100%",
+                          "spray_effectiveness": "100%",
+                        },
+                      ],
+                      "startRow": 0,
+                      "style": Object {},
+                      "subRowsKey": "_subRows",
+                      "useDrillDownTrProps": true,
+                    }
+                  }
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
                       }
                     }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -12582,192 +23178,138 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
+                      <Component
+                        classes={
+                          Array [
+                            undefined,
+                            "",
+                            undefined,
+                          ]
+                        }
+                        column={
                           Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
+                            "Aggregated": undefined,
+                            "Cell": [Function],
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
                           }
                         }
-                      >
-                        <Component
-                          classes={
-                            Array [
-                              undefined,
-                              "",
-                              undefined,
-                            ]
-                          }
-                          column={
-                            Object {
-                              "Aggregated": undefined,
-                              "Cell": [Function],
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "id",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "id",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            }
-                          }
-                          columnProps={
-                            Object {
-                              "className": undefined,
-                              "rest": Object {},
-                              "style": undefined,
-                            }
-                          }
-                          index={2}
-                          level={0}
-                          nestingPath={
-                            Array [
-                              2,
-                            ]
+                        columnProps={
+                          Object {
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
                           }
-                          original={
-                            Object {
-                              "id": 11,
-                              "location": "Operational Area 11",
-                              "parent_id": 4,
-                              "spray_coverage": "100%",
-                              "spray_effectiveness": "100%",
-                            }
+                        }
+                        index={2}
+                        level={0}
+                        nestingPath={
+                          Array [
+                            2,
+                          ]
+                        }
+                        original={
+                          Object {
+                            "id": 11,
+                            "location": "Operational Area 11",
+                            "parent_id": 4,
+                            "spray_coverage": "100%",
+                            "spray_effectiveness": "100%",
                           }
-                          page={0}
-                          pageSize={20}
-                          resized={Array []}
-                          row={
-                            Object {
-                              "_index": 2,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 11,
-                                "location": "Operational Area 11",
-                                "parent_id": 4,
-                                "spray_coverage": "100%",
-                                "spray_effectiveness": "100%",
-                              },
-                              "_subRows": undefined,
-                              "_viewIndex": 2,
+                        }
+                        page={0}
+                        pageSize={20}
+                        resized={Array []}
+                        row={
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
                               "id": 11,
                               "location": "Operational Area 11",
                               "parent_id": 4,
                               "spray_coverage": "100%",
                               "spray_effectiveness": "100%",
-                            }
-                          }
-                          show={true}
-                          styles={Object {}}
-                          tdProps={
-                            Object {
-                              "className": undefined,
-                              "rest": Object {},
-                              "style": undefined,
-                            }
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 2,
+                            "id": 11,
+                            "location": "Operational Area 11",
+                            "parent_id": 4,
+                            "spray_coverage": "100%",
+                            "spray_effectiveness": "100%",
                           }
-                          value={11}
-                          viewIndex={2}
-                          width={100}
-                        >
-                          <DropDownCell
-                            cellValue={11}
-                            hasChildren={false}
-                          >
-                            <div
-                              className="dd-linker-item"
-                            >
-                              <span>
-                                11
-                              </span>
-                            </div>
-                          </DropDownCell>
-                        </Component>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
                         }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
+                        show={true}
+                        styles={Object {}}
+                        tdProps={
                           Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
+                            "className": undefined,
+                            "rest": Object {},
+                            "style": undefined,
                           }
                         }
+                        value={11}
+                        viewIndex={2}
+                        width={100}
                       >
-                        Operational Area 11
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
+                        <DropDownCell
+                          cellValue={11}
+                          hasChildren={false}
+                        >
+                          <div
+                            className="dd-linker-item"
+                          >
+                            <span>
+                              11
+                            </span>
+                          </div>
+                        </DropDownCell>
+                      </Component>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        4
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                    }
+                  >
+                    <div
+                      className="rt-td"
                       onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -12776,71 +23318,25 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        100%
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
+                      Operational Area 11
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        onClick={[Function]}
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        100%
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-0"
-            >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
-              >
-                <TrComponent
-                  className="-padRow -even"
-                  style={Object {}}
-                >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -12849,56 +23345,25 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
+                      4
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -12907,56 +23372,25 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
+                      100%
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    onClick={[Function]}
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      onClick={[Function]}
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -12965,163 +23399,43 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-1"
+                      100%
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-0"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -odd"
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
-                  >
-                    <TdComponent
-                      className=""
-                      key="0-id"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
-                      }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13130,76 +23444,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-2"
-            >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
-              >
-                <TrComponent
-                  className="-padRow -even"
-                  style={Object {}}
-                >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
-                  >
-                    <TdComponent
-                      className=""
-                      key="0-id"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13208,27 +23473,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13237,27 +23502,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13266,27 +23531,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13295,47 +23560,47 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-3"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-1"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -odd"
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13344,27 +23609,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13373,27 +23638,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13402,27 +23667,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13431,27 +23696,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13460,47 +23725,47 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-4"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-2"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -even"
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13509,27 +23774,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13538,27 +23803,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13567,27 +23832,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13596,27 +23861,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13625,47 +23890,47 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-5"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-3"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -odd"
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13674,27 +23939,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13703,27 +23968,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13732,27 +23997,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13761,27 +24026,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13790,47 +24055,47 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-6"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-4"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -even"
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13839,27 +24104,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13868,27 +24133,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13897,27 +24162,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13926,27 +24191,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -13955,47 +24220,47 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-7"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-5"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -odd"
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14004,27 +24269,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14033,27 +24298,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14062,27 +24327,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14091,27 +24356,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14120,47 +24385,47 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-8"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-6"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -even"
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14169,27 +24434,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14198,27 +24463,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14227,27 +24492,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14256,27 +24521,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14285,47 +24550,47 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-9"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-7"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -odd"
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14334,27 +24599,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14363,27 +24628,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14392,27 +24657,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14421,27 +24686,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14450,47 +24715,47 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-10"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-8"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -even"
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14499,27 +24764,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14528,27 +24793,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14557,27 +24822,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14586,27 +24851,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14615,47 +24880,47 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-11"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-9"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -odd"
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14664,27 +24929,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14693,27 +24958,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14722,27 +24987,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14751,27 +25016,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14780,47 +25045,47 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-12"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-10"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -even"
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14829,27 +25094,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14858,27 +25123,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14887,27 +25152,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14916,27 +25181,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14945,47 +25210,47 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-13"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-11"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -odd"
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -14994,27 +25259,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15023,27 +25288,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15052,27 +25317,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15081,27 +25346,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15110,47 +25375,47 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-14"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-12"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -even"
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15159,27 +25424,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15188,27 +25453,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15217,27 +25482,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15246,27 +25511,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15275,47 +25540,47 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-15"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-13"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -odd"
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -odd"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15324,27 +25589,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15353,27 +25618,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15382,27 +25647,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15411,27 +25676,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15440,47 +25705,47 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-            <TrGroupComponent
-              key="pad-16"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-14"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
             >
-              <div
-                className="rt-tr-group"
-                role="rowgroup"
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
               >
-                <TrComponent
-                  className="-padRow -even"
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
                   style={Object {}}
                 >
-                  <div
-                    className="rt-tr -padRow -even"
-                    role="row"
-                    style={Object {}}
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
                   >
-                    <TdComponent
-                      className=""
-                      key="0-id"
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15489,56 +25754,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="1-location"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
-                        }
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
                       }
-                    >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="2-parent_id"
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15547,27 +25783,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="3-spray_coverage"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15576,27 +25812,27 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                    <TdComponent
-                      className=""
-                      key="4-spray_effectiveness"
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
                       style={
                         Object {
                           "flex": "100 0 auto",
@@ -15605,401 +25841,710 @@ exports[`DrillDownTable click to drill down works 2`] = `
                         }
                       }
                     >
-                      <div
-                        className="rt-td"
-                        role="gridcell"
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <PadRowComponent>
-                          <span>
-                             
-                          </span>
-                        </PadRowComponent>
-                      </div>
-                    </TdComponent>
-                  </div>
-                </TrComponent>
-              </div>
-            </TrGroupComponent>
-          </div>
-        </Tbody>
-      </div>
-    </TableComponent>
-    <div
-      className="pagination-bottom"
-    >
-      <ReactTablePagination
-        AggregatedComponent={[Function]}
-        CellComponent={[Function]}
-        ExpanderComponent={[Function]}
-        FilterComponent={[Function]}
-        LoadingComponent={[Function]}
-        NextComponent={[Function]}
-        NoDataComponent={[Function]}
-        PadRowComponent={[Function]}
-        PaginationComponent={[Function]}
-        PivotValueComponent={[Function]}
-        PreviousComponent={[Function]}
-        ResizerComponent={[Function]}
-        TableComponent={[Function]}
-        TbodyComponent={[Function]}
-        TdComponent={[Function]}
-        TfootComponent={[Function]}
-        ThComponent={[Function]}
-        TheadComponent={[Function]}
-        TrComponent={[Function]}
-        TrGroupComponent={[Function]}
-        aggregatedKey="_aggregated"
-        allDecoratedColumns={
-          Array [
-            Object {
-              "Aggregated": undefined,
-              "Cell": [Function],
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "id",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "id",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "location",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "location",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "parent_id",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "parent_id",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "spray_coverage",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "spray_coverage",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "spray_effectiveness",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "spray_effectiveness",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-          ]
-        }
-        allVisibleColumns={
-          Array [
-            Object {
-              "Aggregated": undefined,
-              "Cell": [Function],
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "id",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "id",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "location",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "location",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "parent_id",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "parent_id",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "spray_coverage",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "spray_coverage",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-            Object {
-              "Aggregated": undefined,
-              "Cell": undefined,
-              "Expander": undefined,
-              "Filter": undefined,
-              "Footer": undefined,
-              "Header": "spray_effectiveness",
-              "Pivot": undefined,
-              "PivotValue": undefined,
-              "Placeholder": undefined,
-              "accessor": [Function],
-              "aggregate": undefined,
-              "className": "",
-              "filterAll": false,
-              "filterMethod": undefined,
-              "filterable": undefined,
-              "footerClassName": "",
-              "footerStyle": Object {},
-              "getFooterProps": [Function],
-              "getHeaderProps": [Function],
-              "getProps": [Function],
-              "headerClassName": "",
-              "headerStyle": Object {},
-              "id": "spray_effectiveness",
-              "minResizeWidth": 11,
-              "minWidth": 100,
-              "resizable": undefined,
-              "show": true,
-              "sortMethod": undefined,
-              "sortable": undefined,
-              "style": Object {},
-            },
-          ]
-        }
-        canNext={false}
-        canPrevious={false}
-        collapseOnDataChange={true}
-        collapseOnPageChange={true}
-        collapseOnSortingChange={true}
-        column={
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-15"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -odd"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -odd"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+          <TrGroupComponent
+            key="pad-16"
+          >
+            <div
+              className="rt-tr-group"
+              role="rowgroup"
+            >
+              <TrComponent
+                className="-padRow -even"
+                style={Object {}}
+              >
+                <div
+                  className="rt-tr -padRow -even"
+                  role="row"
+                  style={Object {}}
+                >
+                  <TdComponent
+                    className=""
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                  <TdComponent
+                    className=""
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-td"
+                      role="gridcell"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                    >
+                      <PadRowComponent>
+                        <span>
+                           
+                        </span>
+                      </PadRowComponent>
+                    </div>
+                  </TdComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </TrGroupComponent>
+        </div>
+      </Tbody>
+    </div>
+  </TableComponent>
+  <div
+    className="pagination-bottom"
+  >
+    <ReactTablePagination
+      AggregatedComponent={[Function]}
+      CellComponent={[Function]}
+      ExpanderComponent={[Function]}
+      FilterComponent={[Function]}
+      LoadingComponent={[Function]}
+      NextComponent={[Function]}
+      NoDataComponent={[Function]}
+      PadRowComponent={[Function]}
+      PaginationComponent={[Function]}
+      PivotValueComponent={[Function]}
+      PreviousComponent={[Function]}
+      ResizerComponent={[Function]}
+      TableComponent={[Function]}
+      TbodyComponent={[Function]}
+      TdComponent={[Function]}
+      TfootComponent={[Function]}
+      ThComponent={[Function]}
+      TheadComponent={[Function]}
+      TrComponent={[Function]}
+      TrGroupComponent={[Function]}
+      aggregatedKey="_aggregated"
+      allDecoratedColumns={
+        Array [
+          Object {
+            "Aggregated": undefined,
+            "Cell": [Function],
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "id",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "id",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "location",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "location",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "parent_id",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "parent_id",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "spray_coverage",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "spray_coverage",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "spray_effectiveness",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "spray_effectiveness",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+        ]
+      }
+      allVisibleColumns={
+        Array [
+          Object {
+            "Aggregated": undefined,
+            "Cell": [Function],
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "id",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "id",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "location",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "location",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "parent_id",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "parent_id",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
+          Object {
+            "Aggregated": undefined,
+            "Cell": undefined,
+            "Expander": undefined,
+            "Filter": undefined,
+            "Footer": undefined,
+            "Header": "spray_coverage",
+            "Pivot": undefined,
+            "PivotValue": undefined,
+            "Placeholder": undefined,
+            "accessor": [Function],
+            "aggregate": undefined,
+            "className": "",
+            "filterAll": false,
+            "filterMethod": undefined,
+            "filterable": undefined,
+            "footerClassName": "",
+            "footerStyle": Object {},
+            "getFooterProps": [Function],
+            "getHeaderProps": [Function],
+            "getProps": [Function],
+            "headerClassName": "",
+            "headerStyle": Object {},
+            "id": "spray_coverage",
+            "minResizeWidth": 11,
+            "minWidth": 100,
+            "resizable": undefined,
+            "show": true,
+            "sortMethod": undefined,
+            "sortable": undefined,
+            "style": Object {},
+          },
           Object {
             "Aggregated": undefined,
             "Cell": undefined,
             "Expander": undefined,
             "Filter": undefined,
             "Footer": undefined,
-            "Header": undefined,
+            "Header": "spray_effectiveness",
             "Pivot": undefined,
             "PivotValue": undefined,
             "Placeholder": undefined,
+            "accessor": [Function],
             "aggregate": undefined,
             "className": "",
             "filterAll": false,
@@ -16012,6 +26557,7 @@ exports[`DrillDownTable click to drill down works 2`] = `
             "getProps": [Function],
             "headerClassName": "",
             "headerStyle": Object {},
+            "id": "spray_effectiveness",
             "minResizeWidth": 11,
             "minWidth": 100,
             "resizable": undefined,
@@ -16019,404 +26565,442 @@ exports[`DrillDownTable click to drill down works 2`] = `
             "sortMethod": undefined,
             "sortable": undefined,
             "style": Object {},
-          }
-        }
-        columns={
-          Array [
-            Object {
-              "Cell": [Function],
-              "Header": "id",
-              "accessor": "id",
-            },
-            Object {
-              "Header": "location",
-              "accessor": "location",
-            },
-            Object {
-              "Header": "parent_id",
-              "accessor": "parent_id",
-            },
-            Object {
-              "Header": "spray_coverage",
-              "accessor": "spray_coverage",
-            },
-            Object {
-              "Header": "spray_effectiveness",
-              "accessor": "spray_effectiveness",
-            },
-          ]
-        }
-        currentlyResizing={false}
-        data={
-          Array [
-            Object {
-              "id": 9,
-              "location": "Operational Area 9",
-              "parent_id": 4,
-              "spray_coverage": "70%",
-              "spray_effectiveness": "90%",
-            },
-            Object {
-              "id": 10,
-              "location": "Operational Area 10",
-              "parent_id": 4,
-              "spray_coverage": "80%",
-              "spray_effectiveness": "100%",
-            },
-            Object {
-              "id": 11,
-              "location": "Operational Area 11",
-              "parent_id": 4,
-              "spray_coverage": "100%",
-              "spray_effectiveness": "100%",
-            },
-          ]
+          },
+        ]
+      }
+      canNext={false}
+      canPrevious={false}
+      collapseOnDataChange={true}
+      collapseOnPageChange={true}
+      collapseOnSortingChange={true}
+      column={
+        Object {
+          "Aggregated": undefined,
+          "Cell": undefined,
+          "Expander": undefined,
+          "Filter": undefined,
+          "Footer": undefined,
+          "Header": undefined,
+          "Pivot": undefined,
+          "PivotValue": undefined,
+          "Placeholder": undefined,
+          "aggregate": undefined,
+          "className": "",
+          "filterAll": false,
+          "filterMethod": undefined,
+          "filterable": undefined,
+          "footerClassName": "",
+          "footerStyle": Object {},
+          "getFooterProps": [Function],
+          "getHeaderProps": [Function],
+          "getProps": [Function],
+          "headerClassName": "",
+          "headerStyle": Object {},
+          "minResizeWidth": 11,
+          "minWidth": 100,
+          "resizable": undefined,
+          "show": true,
+          "sortMethod": undefined,
+          "sortable": undefined,
+          "style": Object {},
         }
-        defaultExpanded={Object {}}
-        defaultFilterMethod={[Function]}
-        defaultFiltered={Array []}
-        defaultPage={0}
-        defaultPageSize={20}
-        defaultResized={Array []}
-        defaultSortDesc={false}
-        defaultSortMethod={[Function]}
-        defaultSorted={Array []}
-        expanded={Object {}}
-        expanderDefaults={
+      }
+      columns={
+        Array [
           Object {
-            "filterable": false,
-            "resizable": false,
-            "sortable": false,
-            "width": 35,
-          }
-        }
-        filterable={false}
-        filtered={Array []}
-        freezeWhenExpanded={false}
-        frozen={false}
-        getLoadingProps={[Function]}
-        getNoDataProps={[Function]}
-        getPaginationProps={[Function]}
-        getProps={[Function]}
-        getResizerProps={[Function]}
-        getTableProps={[Function]}
-        getTbodyProps={[Function]}
-        getTdProps={[Function]}
-        getTfootProps={[Function]}
-        getTfootTdProps={[Function]}
-        getTfootTrProps={[Function]}
-        getTheadFilterProps={[Function]}
-        getTheadFilterThProps={[Function]}
-        getTheadFilterTrProps={[Function]}
-        getTheadGroupProps={[Function]}
-        getTheadGroupThProps={[Function]}
-        getTheadGroupTrProps={[Function]}
-        getTheadProps={[Function]}
-        getTheadThProps={[Function]}
-        getTheadTrProps={[Function]}
-        getTrGroupProps={[Function]}
-        getTrProps={[Function]}
-        groupedByPivotKey="_groupedByPivot"
-        hasHeaderGroups={false}
-        headerGroups={Array []}
-        identifierField="id"
-        indexKey="_index"
-        isTop={false}
-        linkerField="id"
-        loading={false}
-        loadingText="Loading..."
-        multiSort={true}
-        nestingLevelKey="_nestingLevel"
-        nextText="Next"
-        noDataText="No rows found"
-        ofText="of"
-        onFetchData={[Function]}
-        onPageChange={[Function]}
-        onPageSizeChange={[Function]}
-        originalKey="_original"
-        page={0}
-        pageJumpText="jump to page"
-        pageSize={20}
-        pageSizeOptions={
-          Array [
-            5,
-            10,
-            20,
-            25,
-            50,
-            100,
-          ]
+            "Cell": [Function],
+            "Header": "id",
+            "accessor": "id",
+          },
+          Object {
+            "Header": "location",
+            "accessor": "location",
+          },
+          Object {
+            "Header": "parent_id",
+            "accessor": "parent_id",
+          },
+          Object {
+            "Header": "spray_coverage",
+            "accessor": "spray_coverage",
+          },
+          Object {
+            "Header": "spray_effectiveness",
+            "accessor": "spray_effectiveness",
+          },
+        ]
+      }
+      currentlyResizing={false}
+      data={
+        Array [
+          Object {
+            "id": 9,
+            "location": "Operational Area 9",
+            "parent_id": 4,
+            "spray_coverage": "70%",
+            "spray_effectiveness": "90%",
+          },
+          Object {
+            "id": 10,
+            "location": "Operational Area 10",
+            "parent_id": 4,
+            "spray_coverage": "80%",
+            "spray_effectiveness": "100%",
+          },
+          Object {
+            "id": 11,
+            "location": "Operational Area 11",
+            "parent_id": 4,
+            "spray_coverage": "100%",
+            "spray_effectiveness": "100%",
+          },
+        ]
+      }
+      defaultExpanded={Object {}}
+      defaultFilterMethod={[Function]}
+      defaultFiltered={Array []}
+      defaultPage={0}
+      defaultPageSize={20}
+      defaultResized={Array []}
+      defaultSortDesc={false}
+      defaultSortMethod={[Function]}
+      defaultSorted={Array []}
+      expanded={Object {}}
+      expanderDefaults={
+        Object {
+          "filterable": false,
+          "resizable": false,
+          "sortable": false,
+          "width": 35,
         }
-        pageText="Page"
-        pages={1}
-        parentIdentifierField="parent_id"
-        pivotDefaults={Object {}}
-        pivotIDKey="_pivotID"
-        pivotValKey="_pivotVal"
-        previousText="Previous"
-        renderCurrentPage={[Function]}
-        renderPageJump={[Function]}
-        renderPageSizeOptions={[Function]}
-        renderTotalPagesCount={[Function]}
-        resizable={true}
-        resized={Array []}
-        resolveData={[Function]}
-        resolvedData={
-          Array [
-            Object {
-              "_index": 0,
-              "_nestingLevel": 0,
-              "_original": Object {
-                "id": 9,
-                "location": "Operational Area 9",
-                "parent_id": 4,
-                "spray_coverage": "70%",
-                "spray_effectiveness": "90%",
-              },
-              "_subRows": undefined,
+      }
+      filterable={false}
+      filtered={Array []}
+      freezeWhenExpanded={false}
+      frozen={false}
+      getLoadingProps={[Function]}
+      getNoDataProps={[Function]}
+      getPaginationProps={[Function]}
+      getProps={[Function]}
+      getResizerProps={[Function]}
+      getTableProps={[Function]}
+      getTbodyProps={[Function]}
+      getTdProps={[Function]}
+      getTfootProps={[Function]}
+      getTfootTdProps={[Function]}
+      getTfootTrProps={[Function]}
+      getTheadFilterProps={[Function]}
+      getTheadFilterThProps={[Function]}
+      getTheadFilterTrProps={[Function]}
+      getTheadGroupProps={[Function]}
+      getTheadGroupThProps={[Function]}
+      getTheadGroupTrProps={[Function]}
+      getTheadProps={[Function]}
+      getTheadThProps={[Function]}
+      getTheadTrProps={[Function]}
+      getTrGroupProps={[Function]}
+      getTrProps={[Function]}
+      groupedByPivotKey="_groupedByPivot"
+      hasChildren={[Function]}
+      hasHeaderGroups={false}
+      headerGroups={Array []}
+      identifierField="id"
+      indexKey="_index"
+      isTop={false}
+      linkerField="id"
+      loading={false}
+      loadingText="Loading..."
+      multiSort={true}
+      nestingLevelKey="_nestingLevel"
+      nextText="Next"
+      noDataText="No rows found"
+      ofText="of"
+      onFetchData={[Function]}
+      onPageChange={[Function]}
+      onPageSizeChange={[Function]}
+      originalKey="_original"
+      page={0}
+      pageJumpText="jump to page"
+      pageSize={20}
+      pageSizeOptions={
+        Array [
+          5,
+          10,
+          20,
+          25,
+          50,
+          100,
+        ]
+      }
+      pageText="Page"
+      pages={1}
+      parentIdentifierField="parent_id"
+      pivotDefaults={Object {}}
+      pivotIDKey="_pivotID"
+      pivotValKey="_pivotVal"
+      previousText="Previous"
+      renderCurrentPage={[Function]}
+      renderPageJump={[Function]}
+      renderPageSizeOptions={[Function]}
+      renderTotalPagesCount={[Function]}
+      resizable={true}
+      resized={Array []}
+      resolveData={[Function]}
+      resolvedData={
+        Array [
+          Object {
+            "_index": 0,
+            "_nestingLevel": 0,
+            "_original": Object {
               "id": 9,
               "location": "Operational Area 9",
               "parent_id": 4,
               "spray_coverage": "70%",
               "spray_effectiveness": "90%",
             },
-            Object {
-              "_index": 1,
-              "_nestingLevel": 0,
-              "_original": Object {
-                "id": 10,
-                "location": "Operational Area 10",
-                "parent_id": 4,
-                "spray_coverage": "80%",
-                "spray_effectiveness": "100%",
-              },
-              "_subRows": undefined,
+            "_subRows": undefined,
+            "id": 9,
+            "location": "Operational Area 9",
+            "parent_id": 4,
+            "spray_coverage": "70%",
+            "spray_effectiveness": "90%",
+          },
+          Object {
+            "_index": 1,
+            "_nestingLevel": 0,
+            "_original": Object {
               "id": 10,
               "location": "Operational Area 10",
               "parent_id": 4,
               "spray_coverage": "80%",
               "spray_effectiveness": "100%",
             },
-            Object {
-              "_index": 2,
-              "_nestingLevel": 0,
-              "_original": Object {
-                "id": 11,
-                "location": "Operational Area 11",
-                "parent_id": 4,
-                "spray_coverage": "100%",
-                "spray_effectiveness": "100%",
-              },
-              "_subRows": undefined,
+            "_subRows": undefined,
+            "id": 10,
+            "location": "Operational Area 10",
+            "parent_id": 4,
+            "spray_coverage": "80%",
+            "spray_effectiveness": "100%",
+          },
+          Object {
+            "_index": 2,
+            "_nestingLevel": 0,
+            "_original": Object {
               "id": 11,
               "location": "Operational Area 11",
               "parent_id": 4,
               "spray_coverage": "100%",
               "spray_effectiveness": "100%",
             },
-          ]
-        }
-        rootParentId={null}
-        rowsSelectorText="rows per page"
-        rowsText="rows"
-        showPageJump={true}
-        showPageSizeOptions={true}
-        showPagination={true}
-        showPaginationBottom={true}
-        showPaginationTop={false}
-        skipNextSort={false}
-        sortable={true}
-        sorted={Array []}
-        sortedData={
-          Array [
-            Object {
-              "_index": 0,
-              "_nestingLevel": 0,
-              "_original": Object {
-                "id": 9,
-                "location": "Operational Area 9",
-                "parent_id": 4,
-                "spray_coverage": "70%",
-                "spray_effectiveness": "90%",
-              },
-              "_subRows": undefined,
+            "_subRows": undefined,
+            "id": 11,
+            "location": "Operational Area 11",
+            "parent_id": 4,
+            "spray_coverage": "100%",
+            "spray_effectiveness": "100%",
+          },
+        ]
+      }
+      rootParentId={null}
+      rowsSelectorText="rows per page"
+      rowsText="rows"
+      showPageJump={true}
+      showPageSizeOptions={true}
+      showPagination={true}
+      showPaginationBottom={true}
+      showPaginationTop={false}
+      skipNextSort={false}
+      sortable={true}
+      sorted={Array []}
+      sortedData={
+        Array [
+          Object {
+            "_index": 0,
+            "_nestingLevel": 0,
+            "_original": Object {
               "id": 9,
               "location": "Operational Area 9",
               "parent_id": 4,
               "spray_coverage": "70%",
               "spray_effectiveness": "90%",
             },
-            Object {
-              "_index": 1,
-              "_nestingLevel": 0,
-              "_original": Object {
-                "id": 10,
-                "location": "Operational Area 10",
-                "parent_id": 4,
-                "spray_coverage": "80%",
-                "spray_effectiveness": "100%",
-              },
-              "_subRows": undefined,
+            "_subRows": undefined,
+            "id": 9,
+            "location": "Operational Area 9",
+            "parent_id": 4,
+            "spray_coverage": "70%",
+            "spray_effectiveness": "90%",
+          },
+          Object {
+            "_index": 1,
+            "_nestingLevel": 0,
+            "_original": Object {
               "id": 10,
               "location": "Operational Area 10",
               "parent_id": 4,
               "spray_coverage": "80%",
               "spray_effectiveness": "100%",
             },
-            Object {
-              "_index": 2,
-              "_nestingLevel": 0,
-              "_original": Object {
-                "id": 11,
-                "location": "Operational Area 11",
-                "parent_id": 4,
-                "spray_coverage": "100%",
-                "spray_effectiveness": "100%",
-              },
-              "_subRows": undefined,
+            "_subRows": undefined,
+            "id": 10,
+            "location": "Operational Area 10",
+            "parent_id": 4,
+            "spray_coverage": "80%",
+            "spray_effectiveness": "100%",
+          },
+          Object {
+            "_index": 2,
+            "_nestingLevel": 0,
+            "_original": Object {
               "id": 11,
               "location": "Operational Area 11",
               "parent_id": 4,
               "spray_coverage": "100%",
               "spray_effectiveness": "100%",
             },
-          ]
-        }
-        subRowsKey="_subRows"
-        useDrillDownTrProps={true}
+            "_subRows": undefined,
+            "id": 11,
+            "location": "Operational Area 11",
+            "parent_id": 4,
+            "spray_coverage": "100%",
+            "spray_effectiveness": "100%",
+          },
+        ]
+      }
+      subRowsKey="_subRows"
+      useDrillDownTrProps={true}
+    >
+      <div
+        className="-pagination"
       >
         <div
-          className="-pagination"
+          className="-previous"
         >
-          <div
-            className="-previous"
+          <defaultButton
+            disabled={true}
+            onClick={[Function]}
           >
-            <defaultButton
+            <button
+              className="-btn"
               disabled={true}
               onClick={[Function]}
+              type="button"
             >
-              <button
-                className="-btn"
-                disabled={true}
-                onClick={[Function]}
-                type="button"
-              >
-                Previous
-              </button>
-            </defaultButton>
-          </div>
-          <div
-            className="-center"
+              Previous
+            </button>
+          </defaultButton>
+        </div>
+        <div
+          className="-center"
+        >
+          <span
+            className="-pageInfo"
           >
+            Page
+             
+            <div
+              className="-pageJump"
+            >
+              <input
+                aria-label="jump to page"
+                onBlur={[Function]}
+                onChange={[Function]}
+                onKeyPress={[Function]}
+                type="number"
+                value={1}
+              />
+            </div>
+             
+            of
+             
             <span
-              className="-pageInfo"
+              className="-totalPages"
             >
-              Page
-               
-              <div
-                className="-pageJump"
-              >
-                <input
-                  aria-label="jump to page"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onKeyPress={[Function]}
-                  type="number"
-                  value={1}
-                />
-              </div>
-               
-              of
-               
-              <span
-                className="-totalPages"
-              >
-                1
-              </span>
+              1
             </span>
-            <span
-              className="select-wrap -pageSizeOptions"
+          </span>
+          <span
+            className="select-wrap -pageSizeOptions"
+          >
+            <select
+              aria-label="rows per page"
+              onChange={[Function]}
+              value={20}
             >
-              <select
-                aria-label="rows per page"
-                onChange={[Function]}
+              <option
+                key="0"
+                value={5}
+              >
+                5 rows
+              </option>
+              <option
+                key="1"
+                value={10}
+              >
+                10 rows
+              </option>
+              <option
+                key="2"
                 value={20}
               >
-                <option
-                  key="0"
-                  value={5}
-                >
-                  5 rows
-                </option>
-                <option
-                  key="1"
-                  value={10}
-                >
-                  10 rows
-                </option>
-                <option
-                  key="2"
-                  value={20}
-                >
-                  20 rows
-                </option>
-                <option
-                  key="3"
-                  value={25}
-                >
-                  25 rows
-                </option>
-                <option
-                  key="4"
-                  value={50}
-                >
-                  50 rows
-                </option>
-                <option
-                  key="5"
-                  value={100}
-                >
-                  100 rows
-                </option>
-              </select>
-            </span>
-          </div>
-          <div
-            className="-next"
+                20 rows
+              </option>
+              <option
+                key="3"
+                value={25}
+              >
+                25 rows
+              </option>
+              <option
+                key="4"
+                value={50}
+              >
+                50 rows
+              </option>
+              <option
+                key="5"
+                value={100}
+              >
+                100 rows
+              </option>
+            </select>
+          </span>
+        </div>
+        <div
+          className="-next"
+        >
+          <defaultButton
+            disabled={true}
+            onClick={[Function]}
           >
-            <defaultButton
+            <button
+              className="-btn"
               disabled={true}
               onClick={[Function]}
+              type="button"
             >
-              <button
-                className="-btn"
-                disabled={true}
-                onClick={[Function]}
-                type="button"
-              >
-                Next
-              </button>
-            </defaultButton>
-          </div>
+              Next
+            </button>
+          </defaultButton>
         </div>
-      </ReactTablePagination>
-    </div>
-    <LoadingComponent
-      loading={false}
-      loadingText="Loading..."
+      </div>
+    </ReactTablePagination>
+  </div>
+  <LoadingComponent
+    loading={false}
+    loadingText="Loading..."
+  >
+    <div
+      className="-loading"
     >
       <div
-        className="-loading"
+        className="-loading-inner"
       >
-        <div
-          className="-loading-inner"
-        >
-          Loading...
-        </div>
+        Loading...
       </div>
-    </LoadingComponent>
-  </div>
-</ReactTable>
+    </div>
+  </LoadingComponent>
+</div>
 `;
 
 exports[`DrillDownTable gets linkerColumn from nested columns 1`] = `
@@ -16592,6 +27176,7 @@ exports[`DrillDownTable gets linkerColumn from nested columns 1`] = `
       },
     ]
   }
+  hasChildren={[Function]}
   identifierField="id"
   linkerField="location"
   parentIdentifierField="parent_id"
@@ -16754,6 +27339,7 @@ exports[`DrillDownTable gets linkerColumn from nested columns 1`] = `
     getTrGroupProps={[Function]}
     getTrProps={[Function]}
     groupedByPivotKey="_groupedByPivot"
+    hasChildren={[Function]}
     identifierField="id"
     indexKey="_index"
     linkerField="location"
@@ -17541,6 +28127,7 @@ exports[`DrillDownTable gets linkerColumn from nested columns 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": true,
                         "headerGroups": Array [
@@ -18460,6 +29047,7 @@ exports[`DrillDownTable gets linkerColumn from nested columns 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": true,
                           "headerGroups": Array [
@@ -19622,6 +30210,7 @@ exports[`DrillDownTable gets linkerColumn from nested columns 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": true,
                         "headerGroups": Array [
@@ -20541,6 +31130,7 @@ exports[`DrillDownTable gets linkerColumn from nested columns 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": true,
                           "headerGroups": Array [
@@ -21703,6 +32293,7 @@ exports[`DrillDownTable gets linkerColumn from nested columns 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": true,
                         "headerGroups": Array [
@@ -22622,6 +33213,7 @@ exports[`DrillDownTable gets linkerColumn from nested columns 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": true,
                           "headerGroups": Array [
@@ -23784,6 +34376,7 @@ exports[`DrillDownTable gets linkerColumn from nested columns 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": true,
                         "headerGroups": Array [
@@ -24703,6 +35296,7 @@ exports[`DrillDownTable gets linkerColumn from nested columns 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": true,
                           "headerGroups": Array [
@@ -28044,6 +38638,7 @@ exports[`DrillDownTable gets linkerColumn from nested columns 1`] = `
           getTrGroupProps={[Function]}
           getTrProps={[Function]}
           groupedByPivotKey="_groupedByPivot"
+          hasChildren={[Function]}
           hasHeaderGroups={true}
           headerGroups={
             Array [
@@ -28725,6 +39320,7 @@ exports[`DrillDownTable renders correctly even with invalid linkerField 1`] = `
       },
     ]
   }
+  hasChildren={[Function]}
   identifierField="id"
   linkerField="fakeColumn"
   parentIdentifierField="parent_id"
@@ -28885,6 +39481,7 @@ exports[`DrillDownTable renders correctly even with invalid linkerField 1`] = `
     getTrGroupProps={[Function]}
     getTrProps={[Function]}
     groupedByPivotKey="_groupedByPivot"
+    hasChildren={[Function]}
     identifierField="id"
     indexKey="_index"
     linkerField="fakeColumn"
@@ -29679,6 +40276,7 @@ exports[`DrillDownTable renders correctly even with invalid linkerField 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -30449,6 +41047,7 @@ exports[`DrillDownTable renders correctly even with invalid linkerField 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -31362,6 +41961,7 @@ exports[`DrillDownTable renders correctly even with invalid linkerField 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -32132,6 +42732,7 @@ exports[`DrillDownTable renders correctly even with invalid linkerField 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -33045,6 +43646,7 @@ exports[`DrillDownTable renders correctly even with invalid linkerField 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -33815,6 +44417,7 @@ exports[`DrillDownTable renders correctly even with invalid linkerField 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -34728,6 +45331,7 @@ exports[`DrillDownTable renders correctly even with invalid linkerField 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -35498,6 +46102,7 @@ exports[`DrillDownTable renders correctly even with invalid linkerField 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -39059,6 +49664,7 @@ exports[`DrillDownTable renders correctly even with invalid linkerField 1`] = `
           getTrGroupProps={[Function]}
           getTrProps={[Function]}
           groupedByPivotKey="_groupedByPivot"
+          hasChildren={[Function]}
           hasHeaderGroups={false}
           headerGroups={Array []}
           identifierField="id"
@@ -39424,6 +50030,7 @@ exports[`DrillDownTable renders correctly lowest level hierarchy 1`] = `
       },
     ]
   }
+  hasChildren={[Function]}
   identifierField="id"
   linkerField="id"
   parentIdentifierField="parent_id"
@@ -39578,6 +50185,7 @@ exports[`DrillDownTable renders correctly lowest level hierarchy 1`] = `
     getTrGroupProps={[Function]}
     getTrProps={[Function]}
     groupedByPivotKey="_groupedByPivot"
+    hasChildren={[Function]}
     identifierField="id"
     indexKey="_index"
     linkerField="id"
@@ -40366,6 +50974,7 @@ exports[`DrillDownTable renders correctly lowest level hierarchy 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -41079,6 +51688,7 @@ exports[`DrillDownTable renders correctly lowest level hierarchy 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -42050,6 +52660,7 @@ exports[`DrillDownTable renders correctly lowest level hierarchy 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -42763,6 +53374,7 @@ exports[`DrillDownTable renders correctly lowest level hierarchy 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -43734,6 +54346,7 @@ exports[`DrillDownTable renders correctly lowest level hierarchy 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -44447,6 +55060,7 @@ exports[`DrillDownTable renders correctly lowest level hierarchy 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -48231,6 +58845,7 @@ exports[`DrillDownTable renders correctly lowest level hierarchy 1`] = `
           getTrGroupProps={[Function]}
           getTrProps={[Function]}
           groupedByPivotKey="_groupedByPivot"
+          hasChildren={[Function]}
           hasHeaderGroups={false}
           headerGroups={Array []}
           identifierField="id"
@@ -48702,6 +59317,7 @@ exports[`DrillDownTable renders correctly with custom columns 1`] = `
       },
     ]
   }
+  hasChildren={[Function]}
   identifierField="id"
   linkerField="id"
   parentIdentifierField="parent_id"
@@ -48859,6 +59475,7 @@ exports[`DrillDownTable renders correctly with custom columns 1`] = `
     getTrGroupProps={[Function]}
     getTrProps={[Function]}
     groupedByPivotKey="_groupedByPivot"
+    hasChildren={[Function]}
     identifierField="id"
     indexKey="_index"
     linkerField="id"
@@ -49544,6 +60161,7 @@ exports[`DrillDownTable renders correctly with custom columns 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -50235,6 +60853,7 @@ exports[`DrillDownTable renders correctly with custom columns 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -51159,6 +61778,7 @@ exports[`DrillDownTable renders correctly with custom columns 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -51850,6 +62470,7 @@ exports[`DrillDownTable renders correctly with custom columns 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -52774,6 +63395,7 @@ exports[`DrillDownTable renders correctly with custom columns 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -53465,6 +64087,7 @@ exports[`DrillDownTable renders correctly with custom columns 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -54389,6 +65012,7 @@ exports[`DrillDownTable renders correctly with custom columns 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -55080,6 +65704,7 @@ exports[`DrillDownTable renders correctly with custom columns 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -58183,6 +68808,7 @@ exports[`DrillDownTable renders correctly with custom columns 1`] = `
           getTrGroupProps={[Function]}
           getTrProps={[Function]}
           groupedByPivotKey="_groupedByPivot"
+          hasChildren={[Function]}
           hasHeaderGroups={false}
           headerGroups={Array []}
           identifierField="id"
@@ -58680,6 +69306,7 @@ exports[`DrillDownTable renders correctly with custom columns and custom linker
       },
     ]
   }
+  hasChildren={[Function]}
   identifierField="id"
   linkerField="location"
   parentIdentifierField="parent_id"
@@ -58837,6 +69464,7 @@ exports[`DrillDownTable renders correctly with custom columns and custom linker
     getTrGroupProps={[Function]}
     getTrProps={[Function]}
     groupedByPivotKey="_groupedByPivot"
+    hasChildren={[Function]}
     identifierField="id"
     indexKey="_index"
     linkerField="location"
@@ -59522,6 +70150,7 @@ exports[`DrillDownTable renders correctly with custom columns and custom linker
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -60213,6 +70842,7 @@ exports[`DrillDownTable renders correctly with custom columns and custom linker
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -61137,6 +71767,7 @@ exports[`DrillDownTable renders correctly with custom columns and custom linker
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -61828,6 +72459,7 @@ exports[`DrillDownTable renders correctly with custom columns and custom linker
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -62752,6 +73384,7 @@ exports[`DrillDownTable renders correctly with custom columns and custom linker
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -63443,6 +74076,7 @@ exports[`DrillDownTable renders correctly with custom columns and custom linker
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -64367,6 +75001,7 @@ exports[`DrillDownTable renders correctly with custom columns and custom linker
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -65058,6 +75693,7 @@ exports[`DrillDownTable renders correctly with custom columns and custom linker
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -68161,6 +78797,7 @@ exports[`DrillDownTable renders correctly with custom columns and custom linker
           getTrGroupProps={[Function]}
           getTrProps={[Function]}
           groupedByPivotKey="_groupedByPivot"
+          hasChildren={[Function]}
           hasHeaderGroups={false}
           headerGroups={Array []}
           identifierField="id"
@@ -68637,6 +79274,7 @@ exports[`DrillDownTable renders correctly with derived columns 1`] = `
       },
     ]
   }
+  hasChildren={[Function]}
   identifierField="id"
   linkerField="id"
   parentIdentifierField="parent_id"
@@ -68798,6 +79436,7 @@ exports[`DrillDownTable renders correctly with derived columns 1`] = `
     getTrGroupProps={[Function]}
     getTrProps={[Function]}
     groupedByPivotKey="_groupedByPivot"
+    hasChildren={[Function]}
     identifierField="id"
     indexKey="_index"
     linkerField="id"
@@ -69593,6 +80232,7 @@ exports[`DrillDownTable renders correctly with derived columns 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -70364,6 +81004,7 @@ exports[`DrillDownTable renders correctly with derived columns 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -71396,6 +82037,7 @@ exports[`DrillDownTable renders correctly with derived columns 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -72167,6 +82809,7 @@ exports[`DrillDownTable renders correctly with derived columns 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -73199,6 +83842,7 @@ exports[`DrillDownTable renders correctly with derived columns 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -73970,6 +84614,7 @@ exports[`DrillDownTable renders correctly with derived columns 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -75002,6 +85647,7 @@ exports[`DrillDownTable renders correctly with derived columns 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -75773,6 +86419,7 @@ exports[`DrillDownTable renders correctly with derived columns 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -79448,6 +90095,7 @@ exports[`DrillDownTable renders correctly with derived columns 1`] = `
           getTrGroupProps={[Function]}
           getTrProps={[Function]}
           groupedByPivotKey="_groupedByPivot"
+          hasChildren={[Function]}
           hasHeaderGroups={false}
           headerGroups={Array []}
           identifierField="id"
@@ -79933,6 +90581,7 @@ exports[`DrillDownTable works fine with custom getTrProps 1`] = `
     ]
   }
   getTrProps={[Function]}
+  hasChildren={[Function]}
   identifierField="id"
   linkerField="id"
   parentIdentifierField="parent_id"
@@ -80094,6 +90743,7 @@ exports[`DrillDownTable works fine with custom getTrProps 1`] = `
     getTrGroupProps={[Function]}
     getTrProps={[Function]}
     groupedByPivotKey="_groupedByPivot"
+    hasChildren={[Function]}
     identifierField="id"
     indexKey="_index"
     linkerField="id"
@@ -80889,6 +91539,7 @@ exports[`DrillDownTable works fine with custom getTrProps 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -81660,6 +92311,7 @@ exports[`DrillDownTable works fine with custom getTrProps 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -82692,6 +93344,7 @@ exports[`DrillDownTable works fine with custom getTrProps 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -83463,6 +94116,7 @@ exports[`DrillDownTable works fine with custom getTrProps 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -84495,6 +95149,7 @@ exports[`DrillDownTable works fine with custom getTrProps 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -85266,6 +95921,7 @@ exports[`DrillDownTable works fine with custom getTrProps 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -86298,6 +96954,7 @@ exports[`DrillDownTable works fine with custom getTrProps 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -87069,6 +97726,7 @@ exports[`DrillDownTable works fine with custom getTrProps 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -90744,6 +101402,7 @@ exports[`DrillDownTable works fine with custom getTrProps 1`] = `
           getTrGroupProps={[Function]}
           getTrProps={[Function]}
           groupedByPivotKey="_groupedByPivot"
+          hasChildren={[Function]}
           hasHeaderGroups={false}
           headerGroups={Array []}
           identifierField="id"
@@ -91236,6 +101895,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
       "urlPath": "http://example.com",
     }
   }
+  hasChildren={[Function]}
   identifierField="id"
   linkerField="id"
   parentIdentifierField="parent_id"
@@ -91405,6 +102065,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
     getTrGroupProps={[Function]}
     getTrProps={[Function]}
     groupedByPivotKey="_groupedByPivot"
+    hasChildren={[Function]}
     identifierField="id"
     indexKey="_index"
     linkerField="id"
@@ -91491,235 +102152,2059 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                         "width": "100px",
                       }
                     }
-                    toggleSort={[Function]}
+                    toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-th rt-resizable-header -cursor-pointer"
+                      onClick={[Function]}
+                      role="columnheader"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="rt-resizable-header-content"
+                      >
+                        id
+                      </div>
+                      <Resizer
+                        onMouseDown={[Function]}
+                        onTouchStart={[Function]}
+                      >
+                        <div
+                          className="rt-resizer"
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                        />
+                      </Resizer>
+                    </div>
+                  </ThComponent>
+                  <ThComponent
+                    className="rt-resizable-header -cursor-pointer"
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                    toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-th rt-resizable-header -cursor-pointer"
+                      onClick={[Function]}
+                      role="columnheader"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="rt-resizable-header-content"
+                      >
+                        location
+                      </div>
+                      <Resizer
+                        onMouseDown={[Function]}
+                        onTouchStart={[Function]}
+                      >
+                        <div
+                          className="rt-resizer"
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                        />
+                      </Resizer>
+                    </div>
+                  </ThComponent>
+                  <ThComponent
+                    className="rt-resizable-header -cursor-pointer"
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                    toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-th rt-resizable-header -cursor-pointer"
+                      onClick={[Function]}
+                      role="columnheader"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="rt-resizable-header-content"
+                      >
+                        parent_id
+                      </div>
+                      <Resizer
+                        onMouseDown={[Function]}
+                        onTouchStart={[Function]}
+                      >
+                        <div
+                          className="rt-resizer"
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                        />
+                      </Resizer>
+                    </div>
+                  </ThComponent>
+                  <ThComponent
+                    className="rt-resizable-header -cursor-pointer"
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                    toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-th rt-resizable-header -cursor-pointer"
+                      onClick={[Function]}
+                      role="columnheader"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="rt-resizable-header-content"
+                      >
+                        spray_coverage
+                      </div>
+                      <Resizer
+                        onMouseDown={[Function]}
+                        onTouchStart={[Function]}
+                      >
+                        <div
+                          className="rt-resizer"
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                        />
+                      </Resizer>
+                    </div>
+                  </ThComponent>
+                  <ThComponent
+                    className="rt-resizable-header -cursor-pointer"
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                    toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-th rt-resizable-header -cursor-pointer"
+                      onClick={[Function]}
+                      role="columnheader"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="rt-resizable-header-content"
+                      >
+                        spray_effectiveness
+                      </div>
+                      <Resizer
+                        onMouseDown={[Function]}
+                        onTouchStart={[Function]}
+                      >
+                        <div
+                          className="rt-resizer"
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                        />
+                      </Resizer>
+                    </div>
+                  </ThComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </Thead>
+          <Tbody
+            className=""
+            style={
+              Object {
+                "minWidth": "500px",
+              }
+            }
+          >
+            <div
+              className="rt-tbody"
+              style={
+                Object {
+                  "minWidth": "500px",
+                }
+              }
+            >
+              <TrGroupComponent
+                key="0"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-odd"
+                    onClick={[Function]}
+                    row={
+                      Object {
+                        "AggregatedComponent": [Function],
+                        "CellComponent": [Function],
+                        "ExpanderComponent": [Function],
+                        "FilterComponent": [Function],
+                        "LoadingComponent": [Function],
+                        "NoDataComponent": [Function],
+                        "PadRowComponent": [Function],
+                        "PaginationComponent": [Function],
+                        "PivotValueComponent": [Function],
+                        "ResizerComponent": [Function],
+                        "TableComponent": [Function],
+                        "TbodyComponent": [Function],
+                        "TdComponent": [Function],
+                        "TfootComponent": [Function],
+                        "ThComponent": [Function],
+                        "TheadComponent": [Function],
+                        "TrComponent": [Function],
+                        "TrGroupComponent": [Function],
+                        "aggregatedKey": "_aggregated",
+                        "allDecoratedColumns": Array [
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": [Function],
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "location",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "location",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "parent_id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "parent_id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_coverage",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_coverage",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_effectiveness",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_effectiveness",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                        ],
+                        "allVisibleColumns": Array [
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": [Function],
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "location",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "location",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "parent_id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "parent_id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_coverage",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_coverage",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_effectiveness",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_effectiveness",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                        ],
+                        "canNext": false,
+                        "canPrevious": false,
+                        "className": "",
+                        "collapseOnDataChange": true,
+                        "collapseOnPageChange": true,
+                        "collapseOnSortingChange": true,
+                        "column": Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": undefined,
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        "columns": Array [
+                          Object {
+                            "Cell": [Function],
+                            "Header": "id",
+                            "accessor": "id",
+                          },
+                          Object {
+                            "Header": "location",
+                            "accessor": "location",
+                          },
+                          Object {
+                            "Header": "parent_id",
+                            "accessor": "parent_id",
+                          },
+                          Object {
+                            "Header": "spray_coverage",
+                            "accessor": "spray_coverage",
+                          },
+                          Object {
+                            "Header": "spray_effectiveness",
+                            "accessor": "spray_effectiveness",
+                          },
+                        ],
+                        "currentlyResizing": false,
+                        "data": Array [
+                          Object {
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          Object {
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
+                          },
+                          Object {
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                        ],
+                        "defaultExpanded": Object {},
+                        "defaultFilterMethod": [Function],
+                        "defaultFiltered": Array [],
+                        "defaultPage": 0,
+                        "defaultPageSize": 20,
+                        "defaultResized": Array [],
+                        "defaultSortDesc": false,
+                        "defaultSortMethod": [Function],
+                        "defaultSorted": Array [],
+                        "endRow": 20,
+                        "expanded": Object {},
+                        "expanderDefaults": Object {
+                          "filterable": false,
+                          "resizable": false,
+                          "sortable": false,
+                          "width": 35,
+                        },
+                        "extraCellProps": Object {
+                          "caret": <span>
+                            +
+                          </span>,
+                          "urlPath": "http://example.com",
+                        },
+                        "filterable": false,
+                        "filtered": Array [],
+                        "freezeWhenExpanded": false,
+                        "frozen": false,
+                        "getLoadingProps": [Function],
+                        "getNoDataProps": [Function],
+                        "getPaginationProps": [Function],
+                        "getProps": [Function],
+                        "getResizerProps": [Function],
+                        "getTableProps": [Function],
+                        "getTbodyProps": [Function],
+                        "getTdProps": [Function],
+                        "getTfootProps": [Function],
+                        "getTfootTdProps": [Function],
+                        "getTfootTrProps": [Function],
+                        "getTheadFilterProps": [Function],
+                        "getTheadFilterThProps": [Function],
+                        "getTheadFilterTrProps": [Function],
+                        "getTheadGroupProps": [Function],
+                        "getTheadGroupThProps": [Function],
+                        "getTheadGroupTrProps": [Function],
+                        "getTheadProps": [Function],
+                        "getTheadThProps": [Function],
+                        "getTheadTrProps": [Function],
+                        "getTrGroupProps": [Function],
+                        "getTrProps": [Function],
+                        "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
+                        "hasColumnFooter": false,
+                        "hasHeaderGroups": false,
+                        "headerGroups": Array [],
+                        "identifierField": "id",
+                        "indexKey": "_index",
+                        "linkerField": "id",
+                        "loading": false,
+                        "loadingText": "Loading...",
+                        "minRows": 20,
+                        "multiSort": true,
+                        "nestingLevelKey": "_nestingLevel",
+                        "nextText": "Next",
+                        "noDataText": "No rows found",
+                        "ofText": "of",
+                        "onFetchData": [Function],
+                        "originalKey": "_original",
+                        "padRows": Array [
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                        ],
+                        "page": 0,
+                        "pageJumpText": "jump to page",
+                        "pageRows": Array [
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 1,
+                              "location": "District A",
+                              "parent_id": null,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "80%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 0,
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 2,
+                              "location": "District B",
+                              "parent_id": null,
+                              "spray_coverage": "75%",
+                              "spray_effectiveness": "85%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 1,
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
+                          },
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 3,
+                              "location": "District C",
+                              "parent_id": null,
+                              "spray_coverage": "90%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 2,
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "_index": 3,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 18,
+                              "location": "District D",
+                              "parent_id": null,
+                              "spray_coverage": "0%",
+                              "spray_effectiveness": "0%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 3,
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                        ],
+                        "pageSize": 20,
+                        "pageSizeOptions": Array [
+                          5,
+                          10,
+                          20,
+                          25,
+                          50,
+                          100,
+                        ],
+                        "pageText": "Page",
+                        "pages": 1,
+                        "parentIdentifierField": "parent_id",
+                        "pivotDefaults": Object {},
+                        "pivotIDKey": "_pivotID",
+                        "pivotValKey": "_pivotVal",
+                        "previousText": "Previous",
+                        "resizable": true,
+                        "resized": Array [],
+                        "resolveData": [Function],
+                        "resolvedData": Array [
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 1,
+                              "location": "District A",
+                              "parent_id": null,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "80%",
+                            },
+                            "_subRows": undefined,
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 2,
+                              "location": "District B",
+                              "parent_id": null,
+                              "spray_coverage": "75%",
+                              "spray_effectiveness": "85%",
+                            },
+                            "_subRows": undefined,
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
+                          },
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 3,
+                              "location": "District C",
+                              "parent_id": null,
+                              "spray_coverage": "90%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "_index": 3,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 18,
+                              "location": "District D",
+                              "parent_id": null,
+                              "spray_coverage": "0%",
+                              "spray_effectiveness": "0%",
+                            },
+                            "_subRows": undefined,
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                        ],
+                        "rootParentId": null,
+                        "rowMinWidth": 500,
+                        "rowsSelectorText": "rows per page",
+                        "rowsText": "rows",
+                        "showPageJump": true,
+                        "showPageSizeOptions": true,
+                        "showPagination": true,
+                        "showPaginationBottom": true,
+                        "showPaginationTop": false,
+                        "skipNextSort": false,
+                        "sortable": true,
+                        "sorted": Array [],
+                        "sortedData": Array [
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 1,
+                              "location": "District A",
+                              "parent_id": null,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "80%",
+                            },
+                            "_subRows": undefined,
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 2,
+                              "location": "District B",
+                              "parent_id": null,
+                              "spray_coverage": "75%",
+                              "spray_effectiveness": "85%",
+                            },
+                            "_subRows": undefined,
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
+                          },
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 3,
+                              "location": "District C",
+                              "parent_id": null,
+                              "spray_coverage": "90%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "_index": 3,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 18,
+                              "location": "District D",
+                              "parent_id": null,
+                              "spray_coverage": "0%",
+                              "spray_effectiveness": "0%",
+                            },
+                            "_subRows": undefined,
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                        ],
+                        "startRow": 0,
+                        "style": Object {},
+                        "subRowsKey": "_subRows",
+                        "useDrillDownTrProps": true,
+                      }
+                    }
                   >
                     <div
-                      className="rt-th rt-resizable-header -cursor-pointer"
+                      className="rt-tr -odd"
                       onClick={[Function]}
-                      role="columnheader"
-                      style={
+                      role="row"
+                      row={
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
+                          "AggregatedComponent": [Function],
+                          "CellComponent": [Function],
+                          "ExpanderComponent": [Function],
+                          "FilterComponent": [Function],
+                          "LoadingComponent": [Function],
+                          "NoDataComponent": [Function],
+                          "PadRowComponent": [Function],
+                          "PaginationComponent": [Function],
+                          "PivotValueComponent": [Function],
+                          "ResizerComponent": [Function],
+                          "TableComponent": [Function],
+                          "TbodyComponent": [Function],
+                          "TdComponent": [Function],
+                          "TfootComponent": [Function],
+                          "ThComponent": [Function],
+                          "TheadComponent": [Function],
+                          "TrComponent": [Function],
+                          "TrGroupComponent": [Function],
+                          "aggregatedKey": "_aggregated",
+                          "allDecoratedColumns": Array [
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": [Function],
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "location",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "location",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "parent_id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "parent_id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_coverage",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_coverage",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_effectiveness",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_effectiveness",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                          ],
+                          "allVisibleColumns": Array [
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": [Function],
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "location",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "location",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "parent_id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "parent_id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_coverage",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_coverage",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_effectiveness",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_effectiveness",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                          ],
+                          "canNext": false,
+                          "canPrevious": false,
+                          "className": "",
+                          "collapseOnDataChange": true,
+                          "collapseOnPageChange": true,
+                          "collapseOnSortingChange": true,
+                          "column": Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": undefined,
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          "columns": Array [
+                            Object {
+                              "Cell": [Function],
+                              "Header": "id",
+                              "accessor": "id",
+                            },
+                            Object {
+                              "Header": "location",
+                              "accessor": "location",
+                            },
+                            Object {
+                              "Header": "parent_id",
+                              "accessor": "parent_id",
+                            },
+                            Object {
+                              "Header": "spray_coverage",
+                              "accessor": "spray_coverage",
+                            },
+                            Object {
+                              "Header": "spray_effectiveness",
+                              "accessor": "spray_effectiveness",
+                            },
+                          ],
+                          "currentlyResizing": false,
+                          "data": Array [
+                            Object {
+                              "id": 1,
+                              "location": "District A",
+                              "parent_id": null,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "80%",
+                            },
+                            Object {
+                              "id": 2,
+                              "location": "District B",
+                              "parent_id": null,
+                              "spray_coverage": "75%",
+                              "spray_effectiveness": "85%",
+                            },
+                            Object {
+                              "id": 3,
+                              "location": "District C",
+                              "parent_id": null,
+                              "spray_coverage": "90%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "id": 18,
+                              "location": "District D",
+                              "parent_id": null,
+                              "spray_coverage": "0%",
+                              "spray_effectiveness": "0%",
+                            },
+                          ],
+                          "defaultExpanded": Object {},
+                          "defaultFilterMethod": [Function],
+                          "defaultFiltered": Array [],
+                          "defaultPage": 0,
+                          "defaultPageSize": 20,
+                          "defaultResized": Array [],
+                          "defaultSortDesc": false,
+                          "defaultSortMethod": [Function],
+                          "defaultSorted": Array [],
+                          "endRow": 20,
+                          "expanded": Object {},
+                          "expanderDefaults": Object {
+                            "filterable": false,
+                            "resizable": false,
+                            "sortable": false,
+                            "width": 35,
+                          },
+                          "extraCellProps": Object {
+                            "caret": <span>
+                              +
+                            </span>,
+                            "urlPath": "http://example.com",
+                          },
+                          "filterable": false,
+                          "filtered": Array [],
+                          "freezeWhenExpanded": false,
+                          "frozen": false,
+                          "getLoadingProps": [Function],
+                          "getNoDataProps": [Function],
+                          "getPaginationProps": [Function],
+                          "getProps": [Function],
+                          "getResizerProps": [Function],
+                          "getTableProps": [Function],
+                          "getTbodyProps": [Function],
+                          "getTdProps": [Function],
+                          "getTfootProps": [Function],
+                          "getTfootTdProps": [Function],
+                          "getTfootTrProps": [Function],
+                          "getTheadFilterProps": [Function],
+                          "getTheadFilterThProps": [Function],
+                          "getTheadFilterTrProps": [Function],
+                          "getTheadGroupProps": [Function],
+                          "getTheadGroupThProps": [Function],
+                          "getTheadGroupTrProps": [Function],
+                          "getTheadProps": [Function],
+                          "getTheadThProps": [Function],
+                          "getTheadTrProps": [Function],
+                          "getTrGroupProps": [Function],
+                          "getTrProps": [Function],
+                          "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
+                          "hasColumnFooter": false,
+                          "hasHeaderGroups": false,
+                          "headerGroups": Array [],
+                          "identifierField": "id",
+                          "indexKey": "_index",
+                          "linkerField": "id",
+                          "loading": false,
+                          "loadingText": "Loading...",
+                          "minRows": 20,
+                          "multiSort": true,
+                          "nestingLevelKey": "_nestingLevel",
+                          "nextText": "Next",
+                          "noDataText": "No rows found",
+                          "ofText": "of",
+                          "onFetchData": [Function],
+                          "originalKey": "_original",
+                          "padRows": Array [
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                          ],
+                          "page": 0,
+                          "pageJumpText": "jump to page",
+                          "pageRows": Array [
+                            Object {
+                              "_index": 0,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 1,
+                                "location": "District A",
+                                "parent_id": null,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "80%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 0,
+                              "id": 1,
+                              "location": "District A",
+                              "parent_id": null,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "80%",
+                            },
+                            Object {
+                              "_index": 1,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 2,
+                                "location": "District B",
+                                "parent_id": null,
+                                "spray_coverage": "75%",
+                                "spray_effectiveness": "85%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 1,
+                              "id": 2,
+                              "location": "District B",
+                              "parent_id": null,
+                              "spray_coverage": "75%",
+                              "spray_effectiveness": "85%",
+                            },
+                            Object {
+                              "_index": 2,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 3,
+                                "location": "District C",
+                                "parent_id": null,
+                                "spray_coverage": "90%",
+                                "spray_effectiveness": "90%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 2,
+                              "id": 3,
+                              "location": "District C",
+                              "parent_id": null,
+                              "spray_coverage": "90%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "_index": 3,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 18,
+                                "location": "District D",
+                                "parent_id": null,
+                                "spray_coverage": "0%",
+                                "spray_effectiveness": "0%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 3,
+                              "id": 18,
+                              "location": "District D",
+                              "parent_id": null,
+                              "spray_coverage": "0%",
+                              "spray_effectiveness": "0%",
+                            },
+                          ],
+                          "pageSize": 20,
+                          "pageSizeOptions": Array [
+                            5,
+                            10,
+                            20,
+                            25,
+                            50,
+                            100,
+                          ],
+                          "pageText": "Page",
+                          "pages": 1,
+                          "parentIdentifierField": "parent_id",
+                          "pivotDefaults": Object {},
+                          "pivotIDKey": "_pivotID",
+                          "pivotValKey": "_pivotVal",
+                          "previousText": "Previous",
+                          "resizable": true,
+                          "resized": Array [],
+                          "resolveData": [Function],
+                          "resolvedData": Array [
+                            Object {
+                              "_index": 0,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 1,
+                                "location": "District A",
+                                "parent_id": null,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "80%",
+                              },
+                              "_subRows": undefined,
+                              "id": 1,
+                              "location": "District A",
+                              "parent_id": null,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "80%",
+                            },
+                            Object {
+                              "_index": 1,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 2,
+                                "location": "District B",
+                                "parent_id": null,
+                                "spray_coverage": "75%",
+                                "spray_effectiveness": "85%",
+                              },
+                              "_subRows": undefined,
+                              "id": 2,
+                              "location": "District B",
+                              "parent_id": null,
+                              "spray_coverage": "75%",
+                              "spray_effectiveness": "85%",
+                            },
+                            Object {
+                              "_index": 2,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 3,
+                                "location": "District C",
+                                "parent_id": null,
+                                "spray_coverage": "90%",
+                                "spray_effectiveness": "90%",
+                              },
+                              "_subRows": undefined,
+                              "id": 3,
+                              "location": "District C",
+                              "parent_id": null,
+                              "spray_coverage": "90%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "_index": 3,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 18,
+                                "location": "District D",
+                                "parent_id": null,
+                                "spray_coverage": "0%",
+                                "spray_effectiveness": "0%",
+                              },
+                              "_subRows": undefined,
+                              "id": 18,
+                              "location": "District D",
+                              "parent_id": null,
+                              "spray_coverage": "0%",
+                              "spray_effectiveness": "0%",
+                            },
+                          ],
+                          "rootParentId": null,
+                          "rowMinWidth": 500,
+                          "rowsSelectorText": "rows per page",
+                          "rowsText": "rows",
+                          "showPageJump": true,
+                          "showPageSizeOptions": true,
+                          "showPagination": true,
+                          "showPaginationBottom": true,
+                          "showPaginationTop": false,
+                          "skipNextSort": false,
+                          "sortable": true,
+                          "sorted": Array [],
+                          "sortedData": Array [
+                            Object {
+                              "_index": 0,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 1,
+                                "location": "District A",
+                                "parent_id": null,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "80%",
+                              },
+                              "_subRows": undefined,
+                              "id": 1,
+                              "location": "District A",
+                              "parent_id": null,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "80%",
+                            },
+                            Object {
+                              "_index": 1,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 2,
+                                "location": "District B",
+                                "parent_id": null,
+                                "spray_coverage": "75%",
+                                "spray_effectiveness": "85%",
+                              },
+                              "_subRows": undefined,
+                              "id": 2,
+                              "location": "District B",
+                              "parent_id": null,
+                              "spray_coverage": "75%",
+                              "spray_effectiveness": "85%",
+                            },
+                            Object {
+                              "_index": 2,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 3,
+                                "location": "District C",
+                                "parent_id": null,
+                                "spray_coverage": "90%",
+                                "spray_effectiveness": "90%",
+                              },
+                              "_subRows": undefined,
+                              "id": 3,
+                              "location": "District C",
+                              "parent_id": null,
+                              "spray_coverage": "90%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "_index": 3,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 18,
+                                "location": "District D",
+                                "parent_id": null,
+                                "spray_coverage": "0%",
+                                "spray_effectiveness": "0%",
+                              },
+                              "_subRows": undefined,
+                              "id": 18,
+                              "location": "District D",
+                              "parent_id": null,
+                              "spray_coverage": "0%",
+                              "spray_effectiveness": "0%",
+                            },
+                          ],
+                          "startRow": 0,
+                          "style": Object {},
+                          "subRowsKey": "_subRows",
+                          "useDrillDownTrProps": true,
                         }
                       }
-                      tabIndex="-1"
                     >
-                      <div
-                        className="rt-resizable-header-content"
-                      >
-                        id
-                      </div>
-                      <Resizer
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
                       >
                         <div
-                          className="rt-resizer"
-                          onMouseDown={[Function]}
-                          onTouchStart={[Function]}
-                        />
-                      </Resizer>
-                    </div>
-                  </ThComponent>
-                  <ThComponent
-                    className="rt-resizable-header -cursor-pointer"
-                    key="1-location"
-                    style={
-                      Object {
-                        "flex": "100 0 auto",
-                        "maxWidth": null,
-                        "width": "100px",
-                      }
-                    }
-                    toggleSort={[Function]}
-                  >
-                    <div
-                      className="rt-th rt-resizable-header -cursor-pointer"
-                      onClick={[Function]}
-                      role="columnheader"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <Component
+                            classes={
+                              Array [
+                                undefined,
+                                "",
+                                undefined,
+                              ]
+                            }
+                            column={
+                              Object {
+                                "Aggregated": undefined,
+                                "Cell": [Function],
+                                "Expander": undefined,
+                                "Filter": undefined,
+                                "Footer": undefined,
+                                "Header": "id",
+                                "Pivot": undefined,
+                                "PivotValue": undefined,
+                                "Placeholder": undefined,
+                                "accessor": [Function],
+                                "aggregate": undefined,
+                                "className": "",
+                                "filterAll": false,
+                                "filterMethod": undefined,
+                                "filterable": undefined,
+                                "footerClassName": "",
+                                "footerStyle": Object {},
+                                "getFooterProps": [Function],
+                                "getHeaderProps": [Function],
+                                "getProps": [Function],
+                                "headerClassName": "",
+                                "headerStyle": Object {},
+                                "id": "id",
+                                "minResizeWidth": 11,
+                                "minWidth": 100,
+                                "resizable": undefined,
+                                "show": true,
+                                "sortMethod": undefined,
+                                "sortable": undefined,
+                                "style": Object {},
+                              }
+                            }
+                            columnProps={
+                              Object {
+                                "className": undefined,
+                                "rest": Object {},
+                                "style": undefined,
+                              }
+                            }
+                            index={0}
+                            level={0}
+                            nestingPath={
+                              Array [
+                                0,
+                              ]
+                            }
+                            original={
+                              Object {
+                                "id": 1,
+                                "location": "District A",
+                                "parent_id": null,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "80%",
+                              }
+                            }
+                            page={0}
+                            pageSize={20}
+                            resized={Array []}
+                            row={
+                              Object {
+                                "_index": 0,
+                                "_nestingLevel": 0,
+                                "_original": Object {
+                                  "id": 1,
+                                  "location": "District A",
+                                  "parent_id": null,
+                                  "spray_coverage": "80%",
+                                  "spray_effectiveness": "80%",
+                                },
+                                "_subRows": undefined,
+                                "_viewIndex": 0,
+                                "id": 1,
+                                "location": "District A",
+                                "parent_id": null,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "80%",
+                              }
+                            }
+                            show={true}
+                            styles={Object {}}
+                            tdProps={
+                              Object {
+                                "className": undefined,
+                                "rest": Object {},
+                                "style": undefined,
+                              }
+                            }
+                            value={1}
+                            viewIndex={0}
+                            width={100}
+                          >
+                            <NewCell
+                              caret={
+                                <span>
+                                  +
+                                </span>
+                              }
+                              cellValue={1}
+                              hasChildren={true}
+                              urlPath="http://example.com"
+                            >
+                              <div>
+                                <span>
+                                  <a
+                                    href="http://example.com"
+                                  >
+                                    1
+                                     
+                                    <span>
+                                      +
+                                    </span>
+                                  </a>
+                                </span>
+                              </div>
+                            </NewCell>
+                          </Component>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
                         }
-                      }
-                      tabIndex="-1"
-                    >
-                      <div
-                        className="rt-resizable-header-content"
-                      >
-                        location
-                      </div>
-                      <Resizer
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
                       >
                         <div
-                          className="rt-resizer"
-                          onMouseDown={[Function]}
-                          onTouchStart={[Function]}
-                        />
-                      </Resizer>
-                    </div>
-                  </ThComponent>
-                  <ThComponent
-                    className="rt-resizable-header -cursor-pointer"
-                    key="2-parent_id"
-                    style={
-                      Object {
-                        "flex": "100 0 auto",
-                        "maxWidth": null,
-                        "width": "100px",
-                      }
-                    }
-                    toggleSort={[Function]}
-                  >
-                    <div
-                      className="rt-th rt-resizable-header -cursor-pointer"
-                      onClick={[Function]}
-                      role="columnheader"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          District A
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
                         }
-                      }
-                      tabIndex="-1"
-                    >
-                      <div
-                        className="rt-resizable-header-content"
-                      >
-                        parent_id
-                      </div>
-                      <Resizer
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
                       >
                         <div
-                          className="rt-resizer"
-                          onMouseDown={[Function]}
-                          onTouchStart={[Function]}
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
                         />
-                      </Resizer>
-                    </div>
-                  </ThComponent>
-                  <ThComponent
-                    className="rt-resizable-header -cursor-pointer"
-                    key="3-spray_coverage"
-                    style={
-                      Object {
-                        "flex": "100 0 auto",
-                        "maxWidth": null,
-                        "width": "100px",
-                      }
-                    }
-                    toggleSort={[Function]}
-                  >
-                    <div
-                      className="rt-th rt-resizable-header -cursor-pointer"
-                      onClick={[Function]}
-                      role="columnheader"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
                         }
-                      }
-                      tabIndex="-1"
-                    >
-                      <div
-                        className="rt-resizable-header-content"
-                      >
-                        spray_coverage
-                      </div>
-                      <Resizer
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
                       >
                         <div
-                          className="rt-resizer"
-                          onMouseDown={[Function]}
-                          onTouchStart={[Function]}
-                        />
-                      </Resizer>
-                    </div>
-                  </ThComponent>
-                  <ThComponent
-                    className="rt-resizable-header -cursor-pointer"
-                    key="4-spray_effectiveness"
-                    style={
-                      Object {
-                        "flex": "100 0 auto",
-                        "maxWidth": null,
-                        "width": "100px",
-                      }
-                    }
-                    toggleSort={[Function]}
-                  >
-                    <div
-                      className="rt-th rt-resizable-header -cursor-pointer"
-                      onClick={[Function]}
-                      role="columnheader"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          80%
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
                         }
-                      }
-                      tabIndex="-1"
-                    >
-                      <div
-                        className="rt-resizable-header-content"
-                      >
-                        spray_effectiveness
-                      </div>
-                      <Resizer
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
                       >
                         <div
-                          className="rt-resizer"
-                          onMouseDown={[Function]}
-                          onTouchStart={[Function]}
-                        />
-                      </Resizer>
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          80%
+                        </div>
+                      </TdComponent>
                     </div>
-                  </ThComponent>
+                  </TrComponent>
                 </div>
-              </TrComponent>
-            </div>
-          </Thead>
-          <Tbody
-            className=""
-            style={
-              Object {
-                "minWidth": "500px",
-              }
-            }
-          >
-            <div
-              className="rt-tbody"
-              style={
-                Object {
-                  "minWidth": "500px",
-                }
-              }
-            >
+              </TrGroupComponent>
               <TrGroupComponent
-                key="0"
+                key="1"
               >
                 <div
                   className="rt-tr-group"
                   role="rowgroup"
                 >
                   <TrComponent
-                    className="-odd"
+                    className="-even"
                     onClick={[Function]}
                     row={
                       Object {
@@ -92206,6 +104691,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -92495,7 +104981,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                     }
                   >
                     <div
-                      className="rt-tr -odd"
+                      className="rt-tr -even"
                       onClick={[Function]}
                       role="row"
                       row={
@@ -92983,6 +105469,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -93344,20 +105831,20 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                                 "style": undefined,
                               }
                             }
-                            index={0}
+                            index={1}
                             level={0}
                             nestingPath={
                               Array [
-                                0,
+                                1,
                               ]
                             }
                             original={
                               Object {
-                                "id": 1,
-                                "location": "District A",
+                                "id": 2,
+                                "location": "District B",
                                 "parent_id": null,
-                                "spray_coverage": "80%",
-                                "spray_effectiveness": "80%",
+                                "spray_coverage": "75%",
+                                "spray_effectiveness": "85%",
                               }
                             }
                             page={0}
@@ -93365,22 +105852,22 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             resized={Array []}
                             row={
                               Object {
-                                "_index": 0,
+                                "_index": 1,
                                 "_nestingLevel": 0,
                                 "_original": Object {
-                                  "id": 1,
-                                  "location": "District A",
+                                  "id": 2,
+                                  "location": "District B",
                                   "parent_id": null,
-                                  "spray_coverage": "80%",
-                                  "spray_effectiveness": "80%",
+                                  "spray_coverage": "75%",
+                                  "spray_effectiveness": "85%",
                                 },
                                 "_subRows": undefined,
-                                "_viewIndex": 0,
-                                "id": 1,
-                                "location": "District A",
+                                "_viewIndex": 1,
+                                "id": 2,
+                                "location": "District B",
                                 "parent_id": null,
-                                "spray_coverage": "80%",
-                                "spray_effectiveness": "80%",
+                                "spray_coverage": "75%",
+                                "spray_effectiveness": "85%",
                               }
                             }
                             show={true}
@@ -93392,8 +105879,8 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                                 "style": undefined,
                               }
                             }
-                            value={1}
-                            viewIndex={0}
+                            value={2}
+                            viewIndex={1}
                             width={100}
                           >
                             <NewCell
@@ -93402,7 +105889,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                                   +
                                 </span>
                               }
-                              cellValue={1}
+                              cellValue={2}
                               hasChildren={true}
                               urlPath="http://example.com"
                             >
@@ -93411,7 +105898,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                                   <a
                                     href="http://example.com"
                                   >
-                                    1
+                                    2
                                      
                                     <span>
                                       +
@@ -93447,7 +105934,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             }
                           }
                         >
-                          District A
+                          District B
                         </div>
                       </TdComponent>
                       <TdComponent
@@ -93499,7 +105986,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             }
                           }
                         >
-                          80%
+                          75%
                         </div>
                       </TdComponent>
                       <TdComponent
@@ -93526,7 +106013,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             }
                           }
                         >
-                          80%
+                          85%
                         </div>
                       </TdComponent>
                     </div>
@@ -93534,14 +106021,14 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="1"
+                key="2"
               >
                 <div
                   className="rt-tr-group"
                   role="rowgroup"
                 >
                   <TrComponent
-                    className="-even"
+                    className="-odd"
                     onClick={[Function]}
                     row={
                       Object {
@@ -94028,6 +106515,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                         "getTrGroupProps": [Function],
                         "getTrProps": [Function],
                         "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
                         "hasColumnFooter": false,
                         "hasHeaderGroups": false,
                         "headerGroups": Array [],
@@ -94317,7 +106805,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                     }
                   >
                     <div
-                      className="rt-tr -even"
+                      className="rt-tr -odd"
                       onClick={[Function]}
                       role="row"
                       row={
@@ -94805,6 +107293,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                           "getTrGroupProps": [Function],
                           "getTrProps": [Function],
                           "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
                           "hasColumnFooter": false,
                           "hasHeaderGroups": false,
                           "headerGroups": Array [],
@@ -95166,20 +107655,20 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                                 "style": undefined,
                               }
                             }
-                            index={1}
+                            index={2}
                             level={0}
                             nestingPath={
                               Array [
-                                1,
+                                2,
                               ]
                             }
                             original={
                               Object {
-                                "id": 2,
-                                "location": "District B",
+                                "id": 3,
+                                "location": "District C",
                                 "parent_id": null,
-                                "spray_coverage": "75%",
-                                "spray_effectiveness": "85%",
+                                "spray_coverage": "90%",
+                                "spray_effectiveness": "90%",
                               }
                             }
                             page={0}
@@ -95187,22 +107676,22 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             resized={Array []}
                             row={
                               Object {
-                                "_index": 1,
+                                "_index": 2,
                                 "_nestingLevel": 0,
                                 "_original": Object {
-                                  "id": 2,
-                                  "location": "District B",
+                                  "id": 3,
+                                  "location": "District C",
                                   "parent_id": null,
-                                  "spray_coverage": "75%",
-                                  "spray_effectiveness": "85%",
+                                  "spray_coverage": "90%",
+                                  "spray_effectiveness": "90%",
                                 },
                                 "_subRows": undefined,
-                                "_viewIndex": 1,
-                                "id": 2,
-                                "location": "District B",
+                                "_viewIndex": 2,
+                                "id": 3,
+                                "location": "District C",
                                 "parent_id": null,
-                                "spray_coverage": "75%",
-                                "spray_effectiveness": "85%",
+                                "spray_coverage": "90%",
+                                "spray_effectiveness": "90%",
                               }
                             }
                             show={true}
@@ -95214,8 +107703,8 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                                 "style": undefined,
                               }
                             }
-                            value={2}
-                            viewIndex={1}
+                            value={3}
+                            viewIndex={2}
                             width={100}
                           >
                             <NewCell
@@ -95224,7 +107713,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                                   +
                                 </span>
                               }
-                              cellValue={2}
+                              cellValue={3}
                               hasChildren={true}
                               urlPath="http://example.com"
                             >
@@ -95233,7 +107722,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                                   <a
                                     href="http://example.com"
                                   >
-                                    2
+                                    3
                                      
                                     <span>
                                       +
@@ -95269,7 +107758,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             }
                           }
                         >
-                          District B
+                          District C
                         </div>
                       </TdComponent>
                       <TdComponent
@@ -95321,7 +107810,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             }
                           }
                         >
-                          75%
+                          90%
                         </div>
                       </TdComponent>
                       <TdComponent
@@ -95348,7 +107837,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             }
                           }
                         >
-                          85%
+                          90%
                         </div>
                       </TdComponent>
                     </div>
@@ -95356,14 +107845,14 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="2"
+                key="3"
               >
                 <div
                   className="rt-tr-group"
                   role="rowgroup"
                 >
                   <TrComponent
-                    className="-odd"
+                    className="-even"
                     onClick={[Function]}
                     row={
                       Object {
@@ -95516,178 +108005,994 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             "style": Object {},
                           },
                           Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_effectiveness",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_effectiveness",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_effectiveness",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_effectiveness",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                        ],
+                        "allVisibleColumns": Array [
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": [Function],
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "location",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "location",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "parent_id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "parent_id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_coverage",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_coverage",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_effectiveness",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_effectiveness",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                        ],
+                        "canNext": false,
+                        "canPrevious": false,
+                        "className": "",
+                        "collapseOnDataChange": true,
+                        "collapseOnPageChange": true,
+                        "collapseOnSortingChange": true,
+                        "column": Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": undefined,
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        "columns": Array [
+                          Object {
+                            "Cell": [Function],
+                            "Header": "id",
+                            "accessor": "id",
+                          },
+                          Object {
+                            "Header": "location",
+                            "accessor": "location",
+                          },
+                          Object {
+                            "Header": "parent_id",
+                            "accessor": "parent_id",
+                          },
+                          Object {
+                            "Header": "spray_coverage",
+                            "accessor": "spray_coverage",
+                          },
+                          Object {
+                            "Header": "spray_effectiveness",
+                            "accessor": "spray_effectiveness",
+                          },
+                        ],
+                        "currentlyResizing": false,
+                        "data": Array [
+                          Object {
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          Object {
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
+                          },
+                          Object {
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                        ],
+                        "defaultExpanded": Object {},
+                        "defaultFilterMethod": [Function],
+                        "defaultFiltered": Array [],
+                        "defaultPage": 0,
+                        "defaultPageSize": 20,
+                        "defaultResized": Array [],
+                        "defaultSortDesc": false,
+                        "defaultSortMethod": [Function],
+                        "defaultSorted": Array [],
+                        "endRow": 20,
+                        "expanded": Object {},
+                        "expanderDefaults": Object {
+                          "filterable": false,
+                          "resizable": false,
+                          "sortable": false,
+                          "width": 35,
+                        },
+                        "extraCellProps": Object {
+                          "caret": <span>
+                            +
+                          </span>,
+                          "urlPath": "http://example.com",
+                        },
+                        "filterable": false,
+                        "filtered": Array [],
+                        "freezeWhenExpanded": false,
+                        "frozen": false,
+                        "getLoadingProps": [Function],
+                        "getNoDataProps": [Function],
+                        "getPaginationProps": [Function],
+                        "getProps": [Function],
+                        "getResizerProps": [Function],
+                        "getTableProps": [Function],
+                        "getTbodyProps": [Function],
+                        "getTdProps": [Function],
+                        "getTfootProps": [Function],
+                        "getTfootTdProps": [Function],
+                        "getTfootTrProps": [Function],
+                        "getTheadFilterProps": [Function],
+                        "getTheadFilterThProps": [Function],
+                        "getTheadFilterTrProps": [Function],
+                        "getTheadGroupProps": [Function],
+                        "getTheadGroupThProps": [Function],
+                        "getTheadGroupTrProps": [Function],
+                        "getTheadProps": [Function],
+                        "getTheadThProps": [Function],
+                        "getTheadTrProps": [Function],
+                        "getTrGroupProps": [Function],
+                        "getTrProps": [Function],
+                        "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
+                        "hasColumnFooter": false,
+                        "hasHeaderGroups": false,
+                        "headerGroups": Array [],
+                        "identifierField": "id",
+                        "indexKey": "_index",
+                        "linkerField": "id",
+                        "loading": false,
+                        "loadingText": "Loading...",
+                        "minRows": 20,
+                        "multiSort": true,
+                        "nestingLevelKey": "_nestingLevel",
+                        "nextText": "Next",
+                        "noDataText": "No rows found",
+                        "ofText": "of",
+                        "onFetchData": [Function],
+                        "originalKey": "_original",
+                        "padRows": Array [
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                          16,
+                        ],
+                        "page": 0,
+                        "pageJumpText": "jump to page",
+                        "pageRows": Array [
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 1,
+                              "location": "District A",
+                              "parent_id": null,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "80%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 0,
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 2,
+                              "location": "District B",
+                              "parent_id": null,
+                              "spray_coverage": "75%",
+                              "spray_effectiveness": "85%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 1,
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
+                          },
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 3,
+                              "location": "District C",
+                              "parent_id": null,
+                              "spray_coverage": "90%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 2,
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "_index": 3,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 18,
+                              "location": "District D",
+                              "parent_id": null,
+                              "spray_coverage": "0%",
+                              "spray_effectiveness": "0%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 3,
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                        ],
+                        "pageSize": 20,
+                        "pageSizeOptions": Array [
+                          5,
+                          10,
+                          20,
+                          25,
+                          50,
+                          100,
+                        ],
+                        "pageText": "Page",
+                        "pages": 1,
+                        "parentIdentifierField": "parent_id",
+                        "pivotDefaults": Object {},
+                        "pivotIDKey": "_pivotID",
+                        "pivotValKey": "_pivotVal",
+                        "previousText": "Previous",
+                        "resizable": true,
+                        "resized": Array [],
+                        "resolveData": [Function],
+                        "resolvedData": Array [
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 1,
+                              "location": "District A",
+                              "parent_id": null,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "80%",
+                            },
+                            "_subRows": undefined,
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
+                          },
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 2,
+                              "location": "District B",
+                              "parent_id": null,
+                              "spray_coverage": "75%",
+                              "spray_effectiveness": "85%",
+                            },
+                            "_subRows": undefined,
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
                           },
-                        ],
-                        "allVisibleColumns": Array [
                           Object {
-                            "Aggregated": undefined,
-                            "Cell": [Function],
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 3,
+                              "location": "District C",
+                              "parent_id": null,
+                              "spray_coverage": "90%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
                           },
                           Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "location",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "location",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
+                            "_index": 3,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 18,
+                              "location": "District D",
+                              "parent_id": null,
+                              "spray_coverage": "0%",
+                              "spray_effectiveness": "0%",
+                            },
+                            "_subRows": undefined,
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
                           },
+                        ],
+                        "rootParentId": null,
+                        "rowMinWidth": 500,
+                        "rowsSelectorText": "rows per page",
+                        "rowsText": "rows",
+                        "showPageJump": true,
+                        "showPageSizeOptions": true,
+                        "showPagination": true,
+                        "showPaginationBottom": true,
+                        "showPaginationTop": false,
+                        "skipNextSort": false,
+                        "sortable": true,
+                        "sorted": Array [],
+                        "sortedData": Array [
                           Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "parent_id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "parent_id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 1,
+                              "location": "District A",
+                              "parent_id": null,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "80%",
+                            },
+                            "_subRows": undefined,
+                            "id": 1,
+                            "location": "District A",
+                            "parent_id": null,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "80%",
                           },
                           Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_coverage",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_coverage",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 2,
+                              "location": "District B",
+                              "parent_id": null,
+                              "spray_coverage": "75%",
+                              "spray_effectiveness": "85%",
+                            },
+                            "_subRows": undefined,
+                            "id": 2,
+                            "location": "District B",
+                            "parent_id": null,
+                            "spray_coverage": "75%",
+                            "spray_effectiveness": "85%",
+                          },
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 3,
+                              "location": "District C",
+                              "parent_id": null,
+                              "spray_coverage": "90%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "id": 3,
+                            "location": "District C",
+                            "parent_id": null,
+                            "spray_coverage": "90%",
+                            "spray_effectiveness": "90%",
                           },
                           Object {
+                            "_index": 3,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 18,
+                              "location": "District D",
+                              "parent_id": null,
+                              "spray_coverage": "0%",
+                              "spray_effectiveness": "0%",
+                            },
+                            "_subRows": undefined,
+                            "id": 18,
+                            "location": "District D",
+                            "parent_id": null,
+                            "spray_coverage": "0%",
+                            "spray_effectiveness": "0%",
+                          },
+                        ],
+                        "startRow": 0,
+                        "style": Object {},
+                        "subRowsKey": "_subRows",
+                        "useDrillDownTrProps": true,
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-tr -even"
+                      onClick={[Function]}
+                      role="row"
+                      row={
+                        Object {
+                          "AggregatedComponent": [Function],
+                          "CellComponent": [Function],
+                          "ExpanderComponent": [Function],
+                          "FilterComponent": [Function],
+                          "LoadingComponent": [Function],
+                          "NoDataComponent": [Function],
+                          "PadRowComponent": [Function],
+                          "PaginationComponent": [Function],
+                          "PivotValueComponent": [Function],
+                          "ResizerComponent": [Function],
+                          "TableComponent": [Function],
+                          "TbodyComponent": [Function],
+                          "TdComponent": [Function],
+                          "TfootComponent": [Function],
+                          "ThComponent": [Function],
+                          "TheadComponent": [Function],
+                          "TrComponent": [Function],
+                          "TrGroupComponent": [Function],
+                          "aggregatedKey": "_aggregated",
+                          "allDecoratedColumns": Array [
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": [Function],
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "location",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "location",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "parent_id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "parent_id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_coverage",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_coverage",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_effectiveness",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_effectiveness",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                          ],
+                          "allVisibleColumns": Array [
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": [Function],
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "location",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "location",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "parent_id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "parent_id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_coverage",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_coverage",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_effectiveness",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_effectiveness",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                          ],
+                          "canNext": false,
+                          "canPrevious": false,
+                          "className": "",
+                          "collapseOnDataChange": true,
+                          "collapseOnPageChange": true,
+                          "collapseOnSortingChange": true,
+                          "column": Object {
                             "Aggregated": undefined,
                             "Cell": undefined,
                             "Expander": undefined,
                             "Filter": undefined,
                             "Footer": undefined,
-                            "Header": "spray_effectiveness",
+                            "Header": undefined,
                             "Pivot": undefined,
                             "PivotValue": undefined,
                             "Placeholder": undefined,
-                            "accessor": [Function],
                             "aggregate": undefined,
                             "className": "",
                             "filterAll": false,
@@ -95700,7 +109005,6 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             "getProps": [Function],
                             "headerClassName": "",
                             "headerStyle": Object {},
-                            "id": "spray_effectiveness",
                             "minResizeWidth": 11,
                             "minWidth": 100,
                             "resizable": undefined,
@@ -95709,1216 +109013,1992 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             "sortable": undefined,
                             "style": Object {},
                           },
-                        ],
-                        "canNext": false,
-                        "canPrevious": false,
-                        "className": "",
-                        "collapseOnDataChange": true,
-                        "collapseOnPageChange": true,
-                        "collapseOnSortingChange": true,
-                        "column": Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": undefined,
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        "columns": Array [
-                          Object {
-                            "Cell": [Function],
-                            "Header": "id",
-                            "accessor": "id",
-                          },
-                          Object {
-                            "Header": "location",
-                            "accessor": "location",
-                          },
-                          Object {
-                            "Header": "parent_id",
-                            "accessor": "parent_id",
-                          },
-                          Object {
-                            "Header": "spray_coverage",
-                            "accessor": "spray_coverage",
-                          },
-                          Object {
-                            "Header": "spray_effectiveness",
-                            "accessor": "spray_effectiveness",
-                          },
-                        ],
-                        "currentlyResizing": false,
-                        "data": Array [
-                          Object {
-                            "id": 1,
-                            "location": "District A",
-                            "parent_id": null,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
-                          Object {
-                            "id": 2,
-                            "location": "District B",
-                            "parent_id": null,
-                            "spray_coverage": "75%",
-                            "spray_effectiveness": "85%",
-                          },
-                          Object {
-                            "id": 3,
-                            "location": "District C",
-                            "parent_id": null,
-                            "spray_coverage": "90%",
-                            "spray_effectiveness": "90%",
+                          "columns": Array [
+                            Object {
+                              "Cell": [Function],
+                              "Header": "id",
+                              "accessor": "id",
+                            },
+                            Object {
+                              "Header": "location",
+                              "accessor": "location",
+                            },
+                            Object {
+                              "Header": "parent_id",
+                              "accessor": "parent_id",
+                            },
+                            Object {
+                              "Header": "spray_coverage",
+                              "accessor": "spray_coverage",
+                            },
+                            Object {
+                              "Header": "spray_effectiveness",
+                              "accessor": "spray_effectiveness",
+                            },
+                          ],
+                          "currentlyResizing": false,
+                          "data": Array [
+                            Object {
+                              "id": 1,
+                              "location": "District A",
+                              "parent_id": null,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "80%",
+                            },
+                            Object {
+                              "id": 2,
+                              "location": "District B",
+                              "parent_id": null,
+                              "spray_coverage": "75%",
+                              "spray_effectiveness": "85%",
+                            },
+                            Object {
+                              "id": 3,
+                              "location": "District C",
+                              "parent_id": null,
+                              "spray_coverage": "90%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "id": 18,
+                              "location": "District D",
+                              "parent_id": null,
+                              "spray_coverage": "0%",
+                              "spray_effectiveness": "0%",
+                            },
+                          ],
+                          "defaultExpanded": Object {},
+                          "defaultFilterMethod": [Function],
+                          "defaultFiltered": Array [],
+                          "defaultPage": 0,
+                          "defaultPageSize": 20,
+                          "defaultResized": Array [],
+                          "defaultSortDesc": false,
+                          "defaultSortMethod": [Function],
+                          "defaultSorted": Array [],
+                          "endRow": 20,
+                          "expanded": Object {},
+                          "expanderDefaults": Object {
+                            "filterable": false,
+                            "resizable": false,
+                            "sortable": false,
+                            "width": 35,
                           },
-                          Object {
-                            "id": 18,
-                            "location": "District D",
-                            "parent_id": null,
-                            "spray_coverage": "0%",
-                            "spray_effectiveness": "0%",
+                          "extraCellProps": Object {
+                            "caret": <span>
+                              +
+                            </span>,
+                            "urlPath": "http://example.com",
                           },
-                        ],
-                        "defaultExpanded": Object {},
-                        "defaultFilterMethod": [Function],
-                        "defaultFiltered": Array [],
-                        "defaultPage": 0,
-                        "defaultPageSize": 20,
-                        "defaultResized": Array [],
-                        "defaultSortDesc": false,
-                        "defaultSortMethod": [Function],
-                        "defaultSorted": Array [],
-                        "endRow": 20,
-                        "expanded": Object {},
-                        "expanderDefaults": Object {
                           "filterable": false,
-                          "resizable": false,
-                          "sortable": false,
-                          "width": 35,
-                        },
-                        "extraCellProps": Object {
-                          "caret": <span>
-                            +
-                          </span>,
-                          "urlPath": "http://example.com",
-                        },
-                        "filterable": false,
-                        "filtered": Array [],
-                        "freezeWhenExpanded": false,
-                        "frozen": false,
-                        "getLoadingProps": [Function],
-                        "getNoDataProps": [Function],
-                        "getPaginationProps": [Function],
-                        "getProps": [Function],
-                        "getResizerProps": [Function],
-                        "getTableProps": [Function],
-                        "getTbodyProps": [Function],
-                        "getTdProps": [Function],
-                        "getTfootProps": [Function],
-                        "getTfootTdProps": [Function],
-                        "getTfootTrProps": [Function],
-                        "getTheadFilterProps": [Function],
-                        "getTheadFilterThProps": [Function],
-                        "getTheadFilterTrProps": [Function],
-                        "getTheadGroupProps": [Function],
-                        "getTheadGroupThProps": [Function],
-                        "getTheadGroupTrProps": [Function],
-                        "getTheadProps": [Function],
-                        "getTheadThProps": [Function],
-                        "getTheadTrProps": [Function],
-                        "getTrGroupProps": [Function],
-                        "getTrProps": [Function],
-                        "groupedByPivotKey": "_groupedByPivot",
-                        "hasColumnFooter": false,
-                        "hasHeaderGroups": false,
-                        "headerGroups": Array [],
-                        "identifierField": "id",
-                        "indexKey": "_index",
-                        "linkerField": "id",
-                        "loading": false,
-                        "loadingText": "Loading...",
-                        "minRows": 20,
-                        "multiSort": true,
-                        "nestingLevelKey": "_nestingLevel",
-                        "nextText": "Next",
-                        "noDataText": "No rows found",
-                        "ofText": "of",
-                        "onFetchData": [Function],
-                        "originalKey": "_original",
-                        "padRows": Array [
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                        ],
-                        "page": 0,
-                        "pageJumpText": "jump to page",
-                        "pageRows": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
+                          "filtered": Array [],
+                          "freezeWhenExpanded": false,
+                          "frozen": false,
+                          "getLoadingProps": [Function],
+                          "getNoDataProps": [Function],
+                          "getPaginationProps": [Function],
+                          "getProps": [Function],
+                          "getResizerProps": [Function],
+                          "getTableProps": [Function],
+                          "getTbodyProps": [Function],
+                          "getTdProps": [Function],
+                          "getTfootProps": [Function],
+                          "getTfootTdProps": [Function],
+                          "getTfootTrProps": [Function],
+                          "getTheadFilterProps": [Function],
+                          "getTheadFilterThProps": [Function],
+                          "getTheadFilterTrProps": [Function],
+                          "getTheadGroupProps": [Function],
+                          "getTheadGroupThProps": [Function],
+                          "getTheadGroupTrProps": [Function],
+                          "getTheadProps": [Function],
+                          "getTheadThProps": [Function],
+                          "getTheadTrProps": [Function],
+                          "getTrGroupProps": [Function],
+                          "getTrProps": [Function],
+                          "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
+                          "hasColumnFooter": false,
+                          "hasHeaderGroups": false,
+                          "headerGroups": Array [],
+                          "identifierField": "id",
+                          "indexKey": "_index",
+                          "linkerField": "id",
+                          "loading": false,
+                          "loadingText": "Loading...",
+                          "minRows": 20,
+                          "multiSort": true,
+                          "nestingLevelKey": "_nestingLevel",
+                          "nextText": "Next",
+                          "noDataText": "No rows found",
+                          "ofText": "of",
+                          "onFetchData": [Function],
+                          "originalKey": "_original",
+                          "padRows": Array [
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                            16,
+                          ],
+                          "page": 0,
+                          "pageJumpText": "jump to page",
+                          "pageRows": Array [
+                            Object {
+                              "_index": 0,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 1,
+                                "location": "District A",
+                                "parent_id": null,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "80%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 0,
+                              "id": 1,
+                              "location": "District A",
+                              "parent_id": null,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "80%",
+                            },
+                            Object {
+                              "_index": 1,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 2,
+                                "location": "District B",
+                                "parent_id": null,
+                                "spray_coverage": "75%",
+                                "spray_effectiveness": "85%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 1,
+                              "id": 2,
+                              "location": "District B",
+                              "parent_id": null,
+                              "spray_coverage": "75%",
+                              "spray_effectiveness": "85%",
+                            },
+                            Object {
+                              "_index": 2,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 3,
+                                "location": "District C",
+                                "parent_id": null,
+                                "spray_coverage": "90%",
+                                "spray_effectiveness": "90%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 2,
+                              "id": 3,
+                              "location": "District C",
+                              "parent_id": null,
+                              "spray_coverage": "90%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "_index": 3,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 18,
+                                "location": "District D",
+                                "parent_id": null,
+                                "spray_coverage": "0%",
+                                "spray_effectiveness": "0%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 3,
+                              "id": 18,
+                              "location": "District D",
+                              "parent_id": null,
+                              "spray_coverage": "0%",
+                              "spray_effectiveness": "0%",
+                            },
+                          ],
+                          "pageSize": 20,
+                          "pageSizeOptions": Array [
+                            5,
+                            10,
+                            20,
+                            25,
+                            50,
+                            100,
+                          ],
+                          "pageText": "Page",
+                          "pages": 1,
+                          "parentIdentifierField": "parent_id",
+                          "pivotDefaults": Object {},
+                          "pivotIDKey": "_pivotID",
+                          "pivotValKey": "_pivotVal",
+                          "previousText": "Previous",
+                          "resizable": true,
+                          "resized": Array [],
+                          "resolveData": [Function],
+                          "resolvedData": Array [
+                            Object {
+                              "_index": 0,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 1,
+                                "location": "District A",
+                                "parent_id": null,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "80%",
+                              },
+                              "_subRows": undefined,
                               "id": 1,
                               "location": "District A",
                               "parent_id": null,
                               "spray_coverage": "80%",
                               "spray_effectiveness": "80%",
                             },
-                            "_subRows": undefined,
-                            "_viewIndex": 0,
-                            "id": 1,
-                            "location": "District A",
-                            "parent_id": null,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
-                          Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
+                            Object {
+                              "_index": 1,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 2,
+                                "location": "District B",
+                                "parent_id": null,
+                                "spray_coverage": "75%",
+                                "spray_effectiveness": "85%",
+                              },
+                              "_subRows": undefined,
                               "id": 2,
                               "location": "District B",
                               "parent_id": null,
                               "spray_coverage": "75%",
                               "spray_effectiveness": "85%",
                             },
-                            "_subRows": undefined,
-                            "_viewIndex": 1,
-                            "id": 2,
-                            "location": "District B",
-                            "parent_id": null,
-                            "spray_coverage": "75%",
-                            "spray_effectiveness": "85%",
-                          },
-                          Object {
-                            "_index": 2,
-                            "_nestingLevel": 0,
-                            "_original": Object {
+                            Object {
+                              "_index": 2,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 3,
+                                "location": "District C",
+                                "parent_id": null,
+                                "spray_coverage": "90%",
+                                "spray_effectiveness": "90%",
+                              },
+                              "_subRows": undefined,
                               "id": 3,
                               "location": "District C",
                               "parent_id": null,
                               "spray_coverage": "90%",
                               "spray_effectiveness": "90%",
                             },
-                            "_subRows": undefined,
-                            "_viewIndex": 2,
-                            "id": 3,
-                            "location": "District C",
-                            "parent_id": null,
-                            "spray_coverage": "90%",
-                            "spray_effectiveness": "90%",
-                          },
-                          Object {
-                            "_index": 3,
-                            "_nestingLevel": 0,
-                            "_original": Object {
+                            Object {
+                              "_index": 3,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 18,
+                                "location": "District D",
+                                "parent_id": null,
+                                "spray_coverage": "0%",
+                                "spray_effectiveness": "0%",
+                              },
+                              "_subRows": undefined,
                               "id": 18,
                               "location": "District D",
                               "parent_id": null,
                               "spray_coverage": "0%",
                               "spray_effectiveness": "0%",
                             },
-                            "_subRows": undefined,
-                            "_viewIndex": 3,
-                            "id": 18,
-                            "location": "District D",
-                            "parent_id": null,
-                            "spray_coverage": "0%",
-                            "spray_effectiveness": "0%",
-                          },
-                        ],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          5,
-                          10,
-                          20,
-                          25,
-                          50,
-                          100,
-                        ],
-                        "pageText": "Page",
-                        "pages": 1,
-                        "parentIdentifierField": "parent_id",
-                        "pivotDefaults": Object {},
-                        "pivotIDKey": "_pivotID",
-                        "pivotValKey": "_pivotVal",
-                        "previousText": "Previous",
-                        "resizable": true,
-                        "resized": Array [],
-                        "resolveData": [Function],
-                        "resolvedData": Array [
-                          Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
+                          ],
+                          "rootParentId": null,
+                          "rowMinWidth": 500,
+                          "rowsSelectorText": "rows per page",
+                          "rowsText": "rows",
+                          "showPageJump": true,
+                          "showPageSizeOptions": true,
+                          "showPagination": true,
+                          "showPaginationBottom": true,
+                          "showPaginationTop": false,
+                          "skipNextSort": false,
+                          "sortable": true,
+                          "sorted": Array [],
+                          "sortedData": Array [
+                            Object {
+                              "_index": 0,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 1,
+                                "location": "District A",
+                                "parent_id": null,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "80%",
+                              },
+                              "_subRows": undefined,
                               "id": 1,
                               "location": "District A",
                               "parent_id": null,
                               "spray_coverage": "80%",
                               "spray_effectiveness": "80%",
                             },
-                            "_subRows": undefined,
-                            "id": 1,
-                            "location": "District A",
-                            "parent_id": null,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
-                          Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
+                            Object {
+                              "_index": 1,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 2,
+                                "location": "District B",
+                                "parent_id": null,
+                                "spray_coverage": "75%",
+                                "spray_effectiveness": "85%",
+                              },
+                              "_subRows": undefined,
                               "id": 2,
                               "location": "District B",
                               "parent_id": null,
                               "spray_coverage": "75%",
                               "spray_effectiveness": "85%",
                             },
-                            "_subRows": undefined,
-                            "id": 2,
-                            "location": "District B",
-                            "parent_id": null,
-                            "spray_coverage": "75%",
-                            "spray_effectiveness": "85%",
-                          },
-                          Object {
-                            "_index": 2,
-                            "_nestingLevel": 0,
-                            "_original": Object {
+                            Object {
+                              "_index": 2,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 3,
+                                "location": "District C",
+                                "parent_id": null,
+                                "spray_coverage": "90%",
+                                "spray_effectiveness": "90%",
+                              },
+                              "_subRows": undefined,
                               "id": 3,
                               "location": "District C",
                               "parent_id": null,
                               "spray_coverage": "90%",
                               "spray_effectiveness": "90%",
                             },
-                            "_subRows": undefined,
-                            "id": 3,
-                            "location": "District C",
-                            "parent_id": null,
-                            "spray_coverage": "90%",
-                            "spray_effectiveness": "90%",
-                          },
+                            Object {
+                              "_index": 3,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 18,
+                                "location": "District D",
+                                "parent_id": null,
+                                "spray_coverage": "0%",
+                                "spray_effectiveness": "0%",
+                              },
+                              "_subRows": undefined,
+                              "id": 18,
+                              "location": "District D",
+                              "parent_id": null,
+                              "spray_coverage": "0%",
+                              "spray_effectiveness": "0%",
+                            },
+                          ],
+                          "startRow": 0,
+                          "style": Object {},
+                          "subRowsKey": "_subRows",
+                          "useDrillDownTrProps": true,
+                        }
+                      }
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <Component
+                            classes={
+                              Array [
+                                undefined,
+                                "",
+                                undefined,
+                              ]
+                            }
+                            column={
+                              Object {
+                                "Aggregated": undefined,
+                                "Cell": [Function],
+                                "Expander": undefined,
+                                "Filter": undefined,
+                                "Footer": undefined,
+                                "Header": "id",
+                                "Pivot": undefined,
+                                "PivotValue": undefined,
+                                "Placeholder": undefined,
+                                "accessor": [Function],
+                                "aggregate": undefined,
+                                "className": "",
+                                "filterAll": false,
+                                "filterMethod": undefined,
+                                "filterable": undefined,
+                                "footerClassName": "",
+                                "footerStyle": Object {},
+                                "getFooterProps": [Function],
+                                "getHeaderProps": [Function],
+                                "getProps": [Function],
+                                "headerClassName": "",
+                                "headerStyle": Object {},
+                                "id": "id",
+                                "minResizeWidth": 11,
+                                "minWidth": 100,
+                                "resizable": undefined,
+                                "show": true,
+                                "sortMethod": undefined,
+                                "sortable": undefined,
+                                "style": Object {},
+                              }
+                            }
+                            columnProps={
+                              Object {
+                                "className": undefined,
+                                "rest": Object {},
+                                "style": undefined,
+                              }
+                            }
+                            index={3}
+                            level={0}
+                            nestingPath={
+                              Array [
+                                3,
+                              ]
+                            }
+                            original={
+                              Object {
+                                "id": 18,
+                                "location": "District D",
+                                "parent_id": null,
+                                "spray_coverage": "0%",
+                                "spray_effectiveness": "0%",
+                              }
+                            }
+                            page={0}
+                            pageSize={20}
+                            resized={Array []}
+                            row={
+                              Object {
+                                "_index": 3,
+                                "_nestingLevel": 0,
+                                "_original": Object {
+                                  "id": 18,
+                                  "location": "District D",
+                                  "parent_id": null,
+                                  "spray_coverage": "0%",
+                                  "spray_effectiveness": "0%",
+                                },
+                                "_subRows": undefined,
+                                "_viewIndex": 3,
+                                "id": 18,
+                                "location": "District D",
+                                "parent_id": null,
+                                "spray_coverage": "0%",
+                                "spray_effectiveness": "0%",
+                              }
+                            }
+                            show={true}
+                            styles={Object {}}
+                            tdProps={
+                              Object {
+                                "className": undefined,
+                                "rest": Object {},
+                                "style": undefined,
+                              }
+                            }
+                            value={18}
+                            viewIndex={3}
+                            width={100}
+                          >
+                            <NewCell
+                              caret={
+                                <span>
+                                  +
+                                </span>
+                              }
+                              cellValue={18}
+                              hasChildren={false}
+                              urlPath="http://example.com"
+                            >
+                              <div>
+                                <span>
+                                  18
+                                </span>
+                              </div>
+                            </NewCell>
+                          </Component>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          District D
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        />
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          0%
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          0%
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-0"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -odd"
+                    style={Object {}}
+                  >
+                    <div
+                      className="rt-tr -padRow -odd"
+                      role="row"
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
                           Object {
-                            "_index": 3,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 18,
-                              "location": "District D",
-                              "parent_id": null,
-                              "spray_coverage": "0%",
-                              "spray_effectiveness": "0%",
-                            },
-                            "_subRows": undefined,
-                            "id": 18,
-                            "location": "District D",
-                            "parent_id": null,
-                            "spray_coverage": "0%",
-                            "spray_effectiveness": "0%",
-                          },
-                        ],
-                        "rootParentId": null,
-                        "rowMinWidth": 500,
-                        "rowsSelectorText": "rows per page",
-                        "rowsText": "rows",
-                        "showPageJump": true,
-                        "showPageSizeOptions": true,
-                        "showPagination": true,
-                        "showPaginationBottom": true,
-                        "showPaginationTop": false,
-                        "skipNextSort": false,
-                        "sortable": true,
-                        "sorted": Array [],
-                        "sortedData": Array [
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
                           Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 1,
-                              "location": "District A",
-                              "parent_id": null,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
-                            "_subRows": undefined,
-                            "id": 1,
-                            "location": "District A",
-                            "parent_id": null,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
                           Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 2,
-                              "location": "District B",
-                              "parent_id": null,
-                              "spray_coverage": "75%",
-                              "spray_effectiveness": "85%",
-                            },
-                            "_subRows": undefined,
-                            "id": 2,
-                            "location": "District B",
-                            "parent_id": null,
-                            "spray_coverage": "75%",
-                            "spray_effectiveness": "85%",
-                          },
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        style={
                           Object {
-                            "_index": 2,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 3,
-                              "location": "District C",
-                              "parent_id": null,
-                              "spray_coverage": "90%",
-                              "spray_effectiveness": "90%",
-                            },
-                            "_subRows": undefined,
-                            "id": 3,
-                            "location": "District C",
-                            "parent_id": null,
-                            "spray_coverage": "90%",
-                            "spray_effectiveness": "90%",
-                          },
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        style={
                           Object {
-                            "_index": 3,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 18,
-                              "location": "District D",
-                              "parent_id": null,
-                              "spray_coverage": "0%",
-                              "spray_effectiveness": "0%",
-                            },
-                            "_subRows": undefined,
-                            "id": 18,
-                            "location": "District D",
-                            "parent_id": null,
-                            "spray_coverage": "0%",
-                            "spray_effectiveness": "0%",
-                          },
-                        ],
-                        "startRow": 0,
-                        "style": Object {},
-                        "subRowsKey": "_subRows",
-                        "useDrillDownTrProps": true,
-                      }
-                    }
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-1"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -even"
+                    style={Object {}}
                   >
                     <div
-                      className="rt-tr -odd"
-                      onClick={[Function]}
+                      className="rt-tr -padRow -even"
                       role="row"
-                      row={
-                        Object {
-                          "AggregatedComponent": [Function],
-                          "CellComponent": [Function],
-                          "ExpanderComponent": [Function],
-                          "FilterComponent": [Function],
-                          "LoadingComponent": [Function],
-                          "NoDataComponent": [Function],
-                          "PadRowComponent": [Function],
-                          "PaginationComponent": [Function],
-                          "PivotValueComponent": [Function],
-                          "ResizerComponent": [Function],
-                          "TableComponent": [Function],
-                          "TbodyComponent": [Function],
-                          "TdComponent": [Function],
-                          "TfootComponent": [Function],
-                          "ThComponent": [Function],
-                          "TheadComponent": [Function],
-                          "TrComponent": [Function],
-                          "TrGroupComponent": [Function],
-                          "aggregatedKey": "_aggregated",
-                          "allDecoratedColumns": Array [
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": [Function],
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "id",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "id",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "location",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "location",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "parent_id",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "parent_id",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "spray_coverage",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "spray_coverage",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-2"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -odd"
+                    style={Object {}}
+                  >
+                    <div
+                      className="rt-tr -padRow -odd"
+                      role="row"
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "spray_effectiveness",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "spray_effectiveness",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
-                          ],
-                          "allVisibleColumns": Array [
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": [Function],
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "id",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "id",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "location",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "location",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "parent_id",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "parent_id",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "spray_coverage",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "spray_coverage",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-3"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -even"
+                    style={Object {}}
+                  >
+                    <div
+                      className="rt-tr -padRow -even"
+                      role="row"
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "spray_effectiveness",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "spray_effectiveness",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
-                          ],
-                          "canNext": false,
-                          "canPrevious": false,
-                          "className": "",
-                          "collapseOnDataChange": true,
-                          "collapseOnPageChange": true,
-                          "collapseOnSortingChange": true,
-                          "column": Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": undefined,
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          "columns": Array [
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Cell": [Function],
-                              "Header": "id",
-                              "accessor": "id",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Header": "location",
-                              "accessor": "location",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Header": "parent_id",
-                              "accessor": "parent_id",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-4"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -odd"
+                    style={Object {}}
+                  >
+                    <div
+                      className="rt-tr -padRow -odd"
+                      role="row"
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Header": "spray_coverage",
-                              "accessor": "spray_coverage",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Header": "spray_effectiveness",
-                              "accessor": "spray_effectiveness",
-                            },
-                          ],
-                          "currentlyResizing": false,
-                          "data": Array [
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "id": 1,
-                              "location": "District A",
-                              "parent_id": null,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "id": 2,
-                              "location": "District B",
-                              "parent_id": null,
-                              "spray_coverage": "75%",
-                              "spray_effectiveness": "85%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "id": 3,
-                              "location": "District C",
-                              "parent_id": null,
-                              "spray_coverage": "90%",
-                              "spray_effectiveness": "90%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-5"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -even"
+                    style={Object {}}
+                  >
+                    <div
+                      className="rt-tr -padRow -even"
+                      role="row"
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "id": 18,
-                              "location": "District D",
-                              "parent_id": null,
-                              "spray_coverage": "0%",
-                              "spray_effectiveness": "0%",
-                            },
-                          ],
-                          "defaultExpanded": Object {},
-                          "defaultFilterMethod": [Function],
-                          "defaultFiltered": Array [],
-                          "defaultPage": 0,
-                          "defaultPageSize": 20,
-                          "defaultResized": Array [],
-                          "defaultSortDesc": false,
-                          "defaultSortMethod": [Function],
-                          "defaultSorted": Array [],
-                          "endRow": 20,
-                          "expanded": Object {},
-                          "expanderDefaults": Object {
-                            "filterable": false,
-                            "resizable": false,
-                            "sortable": false,
-                            "width": 35,
-                          },
-                          "extraCellProps": Object {
-                            "caret": <span>
-                              +
-                            </span>,
-                            "urlPath": "http://example.com",
-                          },
-                          "filterable": false,
-                          "filtered": Array [],
-                          "freezeWhenExpanded": false,
-                          "frozen": false,
-                          "getLoadingProps": [Function],
-                          "getNoDataProps": [Function],
-                          "getPaginationProps": [Function],
-                          "getProps": [Function],
-                          "getResizerProps": [Function],
-                          "getTableProps": [Function],
-                          "getTbodyProps": [Function],
-                          "getTdProps": [Function],
-                          "getTfootProps": [Function],
-                          "getTfootTdProps": [Function],
-                          "getTfootTrProps": [Function],
-                          "getTheadFilterProps": [Function],
-                          "getTheadFilterThProps": [Function],
-                          "getTheadFilterTrProps": [Function],
-                          "getTheadGroupProps": [Function],
-                          "getTheadGroupThProps": [Function],
-                          "getTheadGroupTrProps": [Function],
-                          "getTheadProps": [Function],
-                          "getTheadThProps": [Function],
-                          "getTheadTrProps": [Function],
-                          "getTrGroupProps": [Function],
-                          "getTrProps": [Function],
-                          "groupedByPivotKey": "_groupedByPivot",
-                          "hasColumnFooter": false,
-                          "hasHeaderGroups": false,
-                          "headerGroups": Array [],
-                          "identifierField": "id",
-                          "indexKey": "_index",
-                          "linkerField": "id",
-                          "loading": false,
-                          "loadingText": "Loading...",
-                          "minRows": 20,
-                          "multiSort": true,
-                          "nestingLevelKey": "_nestingLevel",
-                          "nextText": "Next",
-                          "noDataText": "No rows found",
-                          "ofText": "of",
-                          "onFetchData": [Function],
-                          "originalKey": "_original",
-                          "padRows": Array [
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                          ],
-                          "page": 0,
-                          "pageJumpText": "jump to page",
-                          "pageRows": Array [
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 0,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 1,
-                                "location": "District A",
-                                "parent_id": null,
-                                "spray_coverage": "80%",
-                                "spray_effectiveness": "80%",
-                              },
-                              "_subRows": undefined,
-                              "_viewIndex": 0,
-                              "id": 1,
-                              "location": "District A",
-                              "parent_id": null,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 1,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 2,
-                                "location": "District B",
-                                "parent_id": null,
-                                "spray_coverage": "75%",
-                                "spray_effectiveness": "85%",
-                              },
-                              "_subRows": undefined,
-                              "_viewIndex": 1,
-                              "id": 2,
-                              "location": "District B",
-                              "parent_id": null,
-                              "spray_coverage": "75%",
-                              "spray_effectiveness": "85%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 2,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 3,
-                                "location": "District C",
-                                "parent_id": null,
-                                "spray_coverage": "90%",
-                                "spray_effectiveness": "90%",
-                              },
-                              "_subRows": undefined,
-                              "_viewIndex": 2,
-                              "id": 3,
-                              "location": "District C",
-                              "parent_id": null,
-                              "spray_coverage": "90%",
-                              "spray_effectiveness": "90%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 3,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 18,
-                                "location": "District D",
-                                "parent_id": null,
-                                "spray_coverage": "0%",
-                                "spray_effectiveness": "0%",
-                              },
-                              "_subRows": undefined,
-                              "_viewIndex": 3,
-                              "id": 18,
-                              "location": "District D",
-                              "parent_id": null,
-                              "spray_coverage": "0%",
-                              "spray_effectiveness": "0%",
-                            },
-                          ],
-                          "pageSize": 20,
-                          "pageSizeOptions": Array [
-                            5,
-                            10,
-                            20,
-                            25,
-                            50,
-                            100,
-                          ],
-                          "pageText": "Page",
-                          "pages": 1,
-                          "parentIdentifierField": "parent_id",
-                          "pivotDefaults": Object {},
-                          "pivotIDKey": "_pivotID",
-                          "pivotValKey": "_pivotVal",
-                          "previousText": "Previous",
-                          "resizable": true,
-                          "resized": Array [],
-                          "resolveData": [Function],
-                          "resolvedData": Array [
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-6"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -odd"
+                    style={Object {}}
+                  >
+                    <div
+                      className="rt-tr -padRow -odd"
+                      role="row"
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 0,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 1,
-                                "location": "District A",
-                                "parent_id": null,
-                                "spray_coverage": "80%",
-                                "spray_effectiveness": "80%",
-                              },
-                              "_subRows": undefined,
-                              "id": 1,
-                              "location": "District A",
-                              "parent_id": null,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 1,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 2,
-                                "location": "District B",
-                                "parent_id": null,
-                                "spray_coverage": "75%",
-                                "spray_effectiveness": "85%",
-                              },
-                              "_subRows": undefined,
-                              "id": 2,
-                              "location": "District B",
-                              "parent_id": null,
-                              "spray_coverage": "75%",
-                              "spray_effectiveness": "85%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 2,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 3,
-                                "location": "District C",
-                                "parent_id": null,
-                                "spray_coverage": "90%",
-                                "spray_effectiveness": "90%",
-                              },
-                              "_subRows": undefined,
-                              "id": 3,
-                              "location": "District C",
-                              "parent_id": null,
-                              "spray_coverage": "90%",
-                              "spray_effectiveness": "90%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 3,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 18,
-                                "location": "District D",
-                                "parent_id": null,
-                                "spray_coverage": "0%",
-                                "spray_effectiveness": "0%",
-                              },
-                              "_subRows": undefined,
-                              "id": 18,
-                              "location": "District D",
-                              "parent_id": null,
-                              "spray_coverage": "0%",
-                              "spray_effectiveness": "0%",
-                            },
-                          ],
-                          "rootParentId": null,
-                          "rowMinWidth": 500,
-                          "rowsSelectorText": "rows per page",
-                          "rowsText": "rows",
-                          "showPageJump": true,
-                          "showPageSizeOptions": true,
-                          "showPagination": true,
-                          "showPaginationBottom": true,
-                          "showPaginationTop": false,
-                          "skipNextSort": false,
-                          "sortable": true,
-                          "sorted": Array [],
-                          "sortedData": Array [
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 0,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 1,
-                                "location": "District A",
-                                "parent_id": null,
-                                "spray_coverage": "80%",
-                                "spray_effectiveness": "80%",
-                              },
-                              "_subRows": undefined,
-                              "id": 1,
-                              "location": "District A",
-                              "parent_id": null,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-7"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -even"
+                    style={Object {}}
+                  >
+                    <div
+                      className="rt-tr -padRow -even"
+                      role="row"
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 1,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 2,
-                                "location": "District B",
-                                "parent_id": null,
-                                "spray_coverage": "75%",
-                                "spray_effectiveness": "85%",
-                              },
-                              "_subRows": undefined,
-                              "id": 2,
-                              "location": "District B",
-                              "parent_id": null,
-                              "spray_coverage": "75%",
-                              "spray_effectiveness": "85%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 2,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 3,
-                                "location": "District C",
-                                "parent_id": null,
-                                "spray_coverage": "90%",
-                                "spray_effectiveness": "90%",
-                              },
-                              "_subRows": undefined,
-                              "id": 3,
-                              "location": "District C",
-                              "parent_id": null,
-                              "spray_coverage": "90%",
-                              "spray_effectiveness": "90%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 3,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 18,
-                                "location": "District D",
-                                "parent_id": null,
-                                "spray_coverage": "0%",
-                                "spray_effectiveness": "0%",
-                              },
-                              "_subRows": undefined,
-                              "id": 18,
-                              "location": "District D",
-                              "parent_id": null,
-                              "spray_coverage": "0%",
-                              "spray_effectiveness": "0%",
-                            },
-                          ],
-                          "startRow": 0,
-                          "style": Object {},
-                          "subRowsKey": "_subRows",
-                          "useDrillDownTrProps": true,
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
                         }
-                      }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-8"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -odd"
+                    style={Object {}}
+                  >
+                    <div
+                      className="rt-tr -padRow -odd"
+                      role="row"
+                      style={Object {}}
                     >
                       <TdComponent
                         className=""
                         key="0-id"
-                        onClick={[Function]}
                         style={
                           Object {
                             "flex": "100 0 auto",
@@ -96929,7 +111009,6 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                       >
                         <div
                           className="rt-td"
-                          onClick={[Function]}
                           role="gridcell"
                           style={
                             Object {
@@ -96939,138 +111018,346 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             }
                           }
                         >
-                          <Component
-                            classes={
-                              Array [
-                                undefined,
-                                "",
-                                undefined,
-                              ]
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
                             }
-                            column={
-                              Object {
-                                "Aggregated": undefined,
-                                "Cell": [Function],
-                                "Expander": undefined,
-                                "Filter": undefined,
-                                "Footer": undefined,
-                                "Header": "id",
-                                "Pivot": undefined,
-                                "PivotValue": undefined,
-                                "Placeholder": undefined,
-                                "accessor": [Function],
-                                "aggregate": undefined,
-                                "className": "",
-                                "filterAll": false,
-                                "filterMethod": undefined,
-                                "filterable": undefined,
-                                "footerClassName": "",
-                                "footerStyle": Object {},
-                                "getFooterProps": [Function],
-                                "getHeaderProps": [Function],
-                                "getProps": [Function],
-                                "headerClassName": "",
-                                "headerStyle": Object {},
-                                "id": "id",
-                                "minResizeWidth": 11,
-                                "minWidth": 100,
-                                "resizable": undefined,
-                                "show": true,
-                                "sortMethod": undefined,
-                                "sortable": undefined,
-                                "style": Object {},
-                              }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
                             }
-                            columnProps={
-                              Object {
-                                "className": undefined,
-                                "rest": Object {},
-                                "style": undefined,
-                              }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
                             }
-                            index={2}
-                            level={0}
-                            nestingPath={
-                              Array [
-                                2,
-                              ]
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
                             }
-                            original={
-                              Object {
-                                "id": 3,
-                                "location": "District C",
-                                "parent_id": null,
-                                "spray_coverage": "90%",
-                                "spray_effectiveness": "90%",
-                              }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-9"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -even"
+                    style={Object {}}
+                  >
+                    <div
+                      className="rt-tr -padRow -even"
+                      role="row"
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
                             }
-                            page={0}
-                            pageSize={20}
-                            resized={Array []}
-                            row={
-                              Object {
-                                "_index": 2,
-                                "_nestingLevel": 0,
-                                "_original": Object {
-                                  "id": 3,
-                                  "location": "District C",
-                                  "parent_id": null,
-                                  "spray_coverage": "90%",
-                                  "spray_effectiveness": "90%",
-                                },
-                                "_subRows": undefined,
-                                "_viewIndex": 2,
-                                "id": 3,
-                                "location": "District C",
-                                "parent_id": null,
-                                "spray_coverage": "90%",
-                                "spray_effectiveness": "90%",
-                              }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
                             }
-                            show={true}
-                            styles={Object {}}
-                            tdProps={
-                              Object {
-                                "className": undefined,
-                                "rest": Object {},
-                                "style": undefined,
-                              }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
                             }
-                            value={3}
-                            viewIndex={2}
-                            width={100}
-                          >
-                            <NewCell
-                              caret={
-                                <span>
-                                  +
-                                </span>
-                              }
-                              cellValue={3}
-                              hasChildren={true}
-                              urlPath="http://example.com"
-                            >
-                              <div>
-                                <span>
-                                  <a
-                                    href="http://example.com"
-                                  >
-                                    3
-                                     
-                                    <span>
-                                      +
-                                    </span>
-                                  </a>
-                                </span>
-                              </div>
-                            </NewCell>
-                          </Component>
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-10"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -odd"
+                    style={Object {}}
+                  >
+                    <div
+                      className="rt-tr -padRow -odd"
+                      role="row"
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
                         </div>
                       </TdComponent>
                       <TdComponent
                         className=""
                         key="1-location"
-                        onClick={[Function]}
                         style={
                           Object {
                             "flex": "100 0 auto",
@@ -97081,7 +111368,6 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                       >
                         <div
                           className="rt-td"
-                          onClick={[Function]}
                           role="gridcell"
                           style={
                             Object {
@@ -97091,13 +111377,16 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             }
                           }
                         >
-                          District C
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
                         </div>
                       </TdComponent>
                       <TdComponent
                         className=""
                         key="2-parent_id"
-                        onClick={[Function]}
                         style={
                           Object {
                             "flex": "100 0 auto",
@@ -97108,7 +111397,6 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                       >
                         <div
                           className="rt-td"
-                          onClick={[Function]}
                           role="gridcell"
                           style={
                             Object {
@@ -97117,12 +111405,17 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                               "width": "100px",
                             }
                           }
-                        />
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
                       </TdComponent>
                       <TdComponent
                         className=""
                         key="3-spray_coverage"
-                        onClick={[Function]}
                         style={
                           Object {
                             "flex": "100 0 auto",
@@ -97133,7 +111426,6 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                       >
                         <div
                           className="rt-td"
-                          onClick={[Function]}
                           role="gridcell"
                           style={
                             Object {
@@ -97143,13 +111435,16 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             }
                           }
                         >
-                          90%
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
                         </div>
                       </TdComponent>
                       <TdComponent
                         className=""
                         key="4-spray_effectiveness"
-                        onClick={[Function]}
                         style={
                           Object {
                             "flex": "100 0 auto",
@@ -97160,7 +111455,6 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                       >
                         <div
                           className="rt-td"
-                          onClick={[Function]}
                           role="gridcell"
                           style={
                             Object {
@@ -97170,7 +111464,11 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             }
                           }
                         >
-                          90%
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
                         </div>
                       </TdComponent>
                     </div>
@@ -97178,1564 +111476,3109 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="3"
+                key="pad-11"
               >
                 <div
                   className="rt-tr-group"
                   role="rowgroup"
                 >
                   <TrComponent
-                    className="-even"
-                    onClick={[Function]}
-                    row={
-                      Object {
-                        "AggregatedComponent": [Function],
-                        "CellComponent": [Function],
-                        "ExpanderComponent": [Function],
-                        "FilterComponent": [Function],
-                        "LoadingComponent": [Function],
-                        "NoDataComponent": [Function],
-                        "PadRowComponent": [Function],
-                        "PaginationComponent": [Function],
-                        "PivotValueComponent": [Function],
-                        "ResizerComponent": [Function],
-                        "TableComponent": [Function],
-                        "TbodyComponent": [Function],
-                        "TdComponent": [Function],
-                        "TfootComponent": [Function],
-                        "ThComponent": [Function],
-                        "TheadComponent": [Function],
-                        "TrComponent": [Function],
-                        "TrGroupComponent": [Function],
-                        "aggregatedKey": "_aggregated",
-                        "allDecoratedColumns": Array [
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": [Function],
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "location",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "location",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "parent_id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "parent_id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_coverage",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_coverage",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_effectiveness",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_effectiveness",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                        ],
-                        "allVisibleColumns": Array [
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": [Function],
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "location",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "location",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "parent_id",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "parent_id",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_coverage",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_coverage",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": "spray_effectiveness",
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "accessor": [Function],
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "id": "spray_effectiveness",
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                        ],
-                        "canNext": false,
-                        "canPrevious": false,
-                        "className": "",
-                        "collapseOnDataChange": true,
-                        "collapseOnPageChange": true,
-                        "collapseOnSortingChange": true,
-                        "column": Object {
-                          "Aggregated": undefined,
-                          "Cell": undefined,
-                          "Expander": undefined,
-                          "Filter": undefined,
-                          "Footer": undefined,
-                          "Header": undefined,
-                          "Pivot": undefined,
-                          "PivotValue": undefined,
-                          "Placeholder": undefined,
-                          "aggregate": undefined,
-                          "className": "",
-                          "filterAll": false,
-                          "filterMethod": undefined,
-                          "filterable": undefined,
-                          "footerClassName": "",
-                          "footerStyle": Object {},
-                          "getFooterProps": [Function],
-                          "getHeaderProps": [Function],
-                          "getProps": [Function],
-                          "headerClassName": "",
-                          "headerStyle": Object {},
-                          "minResizeWidth": 11,
-                          "minWidth": 100,
-                          "resizable": undefined,
-                          "show": true,
-                          "sortMethod": undefined,
-                          "sortable": undefined,
-                          "style": Object {},
-                        },
-                        "columns": Array [
-                          Object {
-                            "Cell": [Function],
-                            "Header": "id",
-                            "accessor": "id",
-                          },
-                          Object {
-                            "Header": "location",
-                            "accessor": "location",
-                          },
-                          Object {
-                            "Header": "parent_id",
-                            "accessor": "parent_id",
-                          },
-                          Object {
-                            "Header": "spray_coverage",
-                            "accessor": "spray_coverage",
-                          },
-                          Object {
-                            "Header": "spray_effectiveness",
-                            "accessor": "spray_effectiveness",
-                          },
-                        ],
-                        "currentlyResizing": false,
-                        "data": Array [
-                          Object {
-                            "id": 1,
-                            "location": "District A",
-                            "parent_id": null,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
+                    className="-padRow -even"
+                    style={Object {}}
+                  >
+                    <div
+                      className="rt-tr -padRow -even"
+                      role="row"
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
                           Object {
-                            "id": 2,
-                            "location": "District B",
-                            "parent_id": null,
-                            "spray_coverage": "75%",
-                            "spray_effectiveness": "85%",
-                          },
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
                           Object {
-                            "id": 3,
-                            "location": "District C",
-                            "parent_id": null,
-                            "spray_coverage": "90%",
-                            "spray_effectiveness": "90%",
-                          },
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
                           Object {
-                            "id": 18,
-                            "location": "District D",
-                            "parent_id": null,
-                            "spray_coverage": "0%",
-                            "spray_effectiveness": "0%",
-                          },
-                        ],
-                        "defaultExpanded": Object {},
-                        "defaultFilterMethod": [Function],
-                        "defaultFiltered": Array [],
-                        "defaultPage": 0,
-                        "defaultPageSize": 20,
-                        "defaultResized": Array [],
-                        "defaultSortDesc": false,
-                        "defaultSortMethod": [Function],
-                        "defaultSorted": Array [],
-                        "endRow": 20,
-                        "expanded": Object {},
-                        "expanderDefaults": Object {
-                          "filterable": false,
-                          "resizable": false,
-                          "sortable": false,
-                          "width": 35,
-                        },
-                        "extraCellProps": Object {
-                          "caret": <span>
-                            +
-                          </span>,
-                          "urlPath": "http://example.com",
-                        },
-                        "filterable": false,
-                        "filtered": Array [],
-                        "freezeWhenExpanded": false,
-                        "frozen": false,
-                        "getLoadingProps": [Function],
-                        "getNoDataProps": [Function],
-                        "getPaginationProps": [Function],
-                        "getProps": [Function],
-                        "getResizerProps": [Function],
-                        "getTableProps": [Function],
-                        "getTbodyProps": [Function],
-                        "getTdProps": [Function],
-                        "getTfootProps": [Function],
-                        "getTfootTdProps": [Function],
-                        "getTfootTrProps": [Function],
-                        "getTheadFilterProps": [Function],
-                        "getTheadFilterThProps": [Function],
-                        "getTheadFilterTrProps": [Function],
-                        "getTheadGroupProps": [Function],
-                        "getTheadGroupThProps": [Function],
-                        "getTheadGroupTrProps": [Function],
-                        "getTheadProps": [Function],
-                        "getTheadThProps": [Function],
-                        "getTheadTrProps": [Function],
-                        "getTrGroupProps": [Function],
-                        "getTrProps": [Function],
-                        "groupedByPivotKey": "_groupedByPivot",
-                        "hasColumnFooter": false,
-                        "hasHeaderGroups": false,
-                        "headerGroups": Array [],
-                        "identifierField": "id",
-                        "indexKey": "_index",
-                        "linkerField": "id",
-                        "loading": false,
-                        "loadingText": "Loading...",
-                        "minRows": 20,
-                        "multiSort": true,
-                        "nestingLevelKey": "_nestingLevel",
-                        "nextText": "Next",
-                        "noDataText": "No rows found",
-                        "ofText": "of",
-                        "onFetchData": [Function],
-                        "originalKey": "_original",
-                        "padRows": Array [
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                          16,
-                        ],
-                        "page": 0,
-                        "pageJumpText": "jump to page",
-                        "pageRows": Array [
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        style={
                           Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 1,
-                              "location": "District A",
-                              "parent_id": null,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
-                            "_subRows": undefined,
-                            "_viewIndex": 0,
-                            "id": 1,
-                            "location": "District A",
-                            "parent_id": null,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        style={
                           Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 2,
-                              "location": "District B",
-                              "parent_id": null,
-                              "spray_coverage": "75%",
-                              "spray_effectiveness": "85%",
-                            },
-                            "_subRows": undefined,
-                            "_viewIndex": 1,
-                            "id": 2,
-                            "location": "District B",
-                            "parent_id": null,
-                            "spray_coverage": "75%",
-                            "spray_effectiveness": "85%",
-                          },
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-12"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -odd"
+                    style={Object {}}
+                  >
+                    <div
+                      className="rt-tr -padRow -odd"
+                      role="row"
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
                           Object {
-                            "_index": 2,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 3,
-                              "location": "District C",
-                              "parent_id": null,
-                              "spray_coverage": "90%",
-                              "spray_effectiveness": "90%",
-                            },
-                            "_subRows": undefined,
-                            "_viewIndex": 2,
-                            "id": 3,
-                            "location": "District C",
-                            "parent_id": null,
-                            "spray_coverage": "90%",
-                            "spray_effectiveness": "90%",
-                          },
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
                           Object {
-                            "_index": 3,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 18,
-                              "location": "District D",
-                              "parent_id": null,
-                              "spray_coverage": "0%",
-                              "spray_effectiveness": "0%",
-                            },
-                            "_subRows": undefined,
-                            "_viewIndex": 3,
-                            "id": 18,
-                            "location": "District D",
-                            "parent_id": null,
-                            "spray_coverage": "0%",
-                            "spray_effectiveness": "0%",
-                          },
-                        ],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          5,
-                          10,
-                          20,
-                          25,
-                          50,
-                          100,
-                        ],
-                        "pageText": "Page",
-                        "pages": 1,
-                        "parentIdentifierField": "parent_id",
-                        "pivotDefaults": Object {},
-                        "pivotIDKey": "_pivotID",
-                        "pivotValKey": "_pivotVal",
-                        "previousText": "Previous",
-                        "resizable": true,
-                        "resized": Array [],
-                        "resolveData": [Function],
-                        "resolvedData": Array [
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
                           Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 1,
-                              "location": "District A",
-                              "parent_id": null,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
-                            "_subRows": undefined,
-                            "id": 1,
-                            "location": "District A",
-                            "parent_id": null,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        style={
                           Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 2,
-                              "location": "District B",
-                              "parent_id": null,
-                              "spray_coverage": "75%",
-                              "spray_effectiveness": "85%",
-                            },
-                            "_subRows": undefined,
-                            "id": 2,
-                            "location": "District B",
-                            "parent_id": null,
-                            "spray_coverage": "75%",
-                            "spray_effectiveness": "85%",
-                          },
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        style={
                           Object {
-                            "_index": 2,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 3,
-                              "location": "District C",
-                              "parent_id": null,
-                              "spray_coverage": "90%",
-                              "spray_effectiveness": "90%",
-                            },
-                            "_subRows": undefined,
-                            "id": 3,
-                            "location": "District C",
-                            "parent_id": null,
-                            "spray_coverage": "90%",
-                            "spray_effectiveness": "90%",
-                          },
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-13"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -even"
+                    style={Object {}}
+                  >
+                    <div
+                      className="rt-tr -padRow -even"
+                      role="row"
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
                           Object {
-                            "_index": 3,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 18,
-                              "location": "District D",
-                              "parent_id": null,
-                              "spray_coverage": "0%",
-                              "spray_effectiveness": "0%",
-                            },
-                            "_subRows": undefined,
-                            "id": 18,
-                            "location": "District D",
-                            "parent_id": null,
-                            "spray_coverage": "0%",
-                            "spray_effectiveness": "0%",
-                          },
-                        ],
-                        "rootParentId": null,
-                        "rowMinWidth": 500,
-                        "rowsSelectorText": "rows per page",
-                        "rowsText": "rows",
-                        "showPageJump": true,
-                        "showPageSizeOptions": true,
-                        "showPagination": true,
-                        "showPaginationBottom": true,
-                        "showPaginationTop": false,
-                        "skipNextSort": false,
-                        "sortable": true,
-                        "sorted": Array [],
-                        "sortedData": Array [
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
                           Object {
-                            "_index": 0,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 1,
-                              "location": "District A",
-                              "parent_id": null,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
-                            "_subRows": undefined,
-                            "id": 1,
-                            "location": "District A",
-                            "parent_id": null,
-                            "spray_coverage": "80%",
-                            "spray_effectiveness": "80%",
-                          },
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
                           Object {
-                            "_index": 1,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 2,
-                              "location": "District B",
-                              "parent_id": null,
-                              "spray_coverage": "75%",
-                              "spray_effectiveness": "85%",
-                            },
-                            "_subRows": undefined,
-                            "id": 2,
-                            "location": "District B",
-                            "parent_id": null,
-                            "spray_coverage": "75%",
-                            "spray_effectiveness": "85%",
-                          },
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        style={
                           Object {
-                            "_index": 2,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 3,
-                              "location": "District C",
-                              "parent_id": null,
-                              "spray_coverage": "90%",
-                              "spray_effectiveness": "90%",
-                            },
-                            "_subRows": undefined,
-                            "id": 3,
-                            "location": "District C",
-                            "parent_id": null,
-                            "spray_coverage": "90%",
-                            "spray_effectiveness": "90%",
-                          },
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        style={
                           Object {
-                            "_index": 3,
-                            "_nestingLevel": 0,
-                            "_original": Object {
-                              "id": 18,
-                              "location": "District D",
-                              "parent_id": null,
-                              "spray_coverage": "0%",
-                              "spray_effectiveness": "0%",
-                            },
-                            "_subRows": undefined,
-                            "id": 18,
-                            "location": "District D",
-                            "parent_id": null,
-                            "spray_coverage": "0%",
-                            "spray_effectiveness": "0%",
-                          },
-                        ],
-                        "startRow": 0,
-                        "style": Object {},
-                        "subRowsKey": "_subRows",
-                        "useDrillDownTrProps": true,
-                      }
-                    }
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-14"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -odd"
+                    style={Object {}}
                   >
                     <div
-                      className="rt-tr -even"
-                      onClick={[Function]}
+                      className="rt-tr -padRow -odd"
                       role="row"
-                      row={
-                        Object {
-                          "AggregatedComponent": [Function],
-                          "CellComponent": [Function],
-                          "ExpanderComponent": [Function],
-                          "FilterComponent": [Function],
-                          "LoadingComponent": [Function],
-                          "NoDataComponent": [Function],
-                          "PadRowComponent": [Function],
-                          "PaginationComponent": [Function],
-                          "PivotValueComponent": [Function],
-                          "ResizerComponent": [Function],
-                          "TableComponent": [Function],
-                          "TbodyComponent": [Function],
-                          "TdComponent": [Function],
-                          "TfootComponent": [Function],
-                          "ThComponent": [Function],
-                          "TheadComponent": [Function],
-                          "TrComponent": [Function],
-                          "TrGroupComponent": [Function],
-                          "aggregatedKey": "_aggregated",
-                          "allDecoratedColumns": Array [
-                            Object {
-                              "Aggregated": undefined,
-                              "Cell": [Function],
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "id",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "id",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "location",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "location",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "parent_id",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "parent_id",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "spray_coverage",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "spray_coverage",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "spray_effectiveness",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "spray_effectiveness",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
-                          ],
-                          "allVisibleColumns": Array [
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": [Function],
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "id",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "id",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-15"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -even"
+                    style={Object {}}
+                  >
+                    <div
+                      className="rt-tr -padRow -even"
+                      role="row"
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "location",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "location",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "parent_id",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "parent_id",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "spray_coverage",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "spray_coverage",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Aggregated": undefined,
-                              "Cell": undefined,
-                              "Expander": undefined,
-                              "Filter": undefined,
-                              "Footer": undefined,
-                              "Header": "spray_effectiveness",
-                              "Pivot": undefined,
-                              "PivotValue": undefined,
-                              "Placeholder": undefined,
-                              "accessor": [Function],
-                              "aggregate": undefined,
-                              "className": "",
-                              "filterAll": false,
-                              "filterMethod": undefined,
-                              "filterable": undefined,
-                              "footerClassName": "",
-                              "footerStyle": Object {},
-                              "getFooterProps": [Function],
-                              "getHeaderProps": [Function],
-                              "getProps": [Function],
-                              "headerClassName": "",
-                              "headerStyle": Object {},
-                              "id": "spray_effectiveness",
-                              "minResizeWidth": 11,
-                              "minWidth": 100,
-                              "resizable": undefined,
-                              "show": true,
-                              "sortMethod": undefined,
-                              "sortable": undefined,
-                              "style": Object {},
-                            },
-                          ],
-                          "canNext": false,
-                          "canPrevious": false,
-                          "className": "",
-                          "collapseOnDataChange": true,
-                          "collapseOnPageChange": true,
-                          "collapseOnSortingChange": true,
-                          "column": Object {
-                            "Aggregated": undefined,
-                            "Cell": undefined,
-                            "Expander": undefined,
-                            "Filter": undefined,
-                            "Footer": undefined,
-                            "Header": undefined,
-                            "Pivot": undefined,
-                            "PivotValue": undefined,
-                            "Placeholder": undefined,
-                            "aggregate": undefined,
-                            "className": "",
-                            "filterAll": false,
-                            "filterMethod": undefined,
-                            "filterable": undefined,
-                            "footerClassName": "",
-                            "footerStyle": Object {},
-                            "getFooterProps": [Function],
-                            "getHeaderProps": [Function],
-                            "getProps": [Function],
-                            "headerClassName": "",
-                            "headerStyle": Object {},
-                            "minResizeWidth": 11,
-                            "minWidth": 100,
-                            "resizable": undefined,
-                            "show": true,
-                            "sortMethod": undefined,
-                            "sortable": undefined,
-                            "style": Object {},
-                          },
-                          "columns": Array [
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
                             Object {
-                              "Cell": [Function],
-                              "Header": "id",
-                              "accessor": "id",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+            </div>
+          </Tbody>
+        </div>
+      </TableComponent>
+      <div
+        className="pagination-bottom"
+      >
+        <ReactTablePagination
+          AggregatedComponent={[Function]}
+          CellComponent={[Function]}
+          ExpanderComponent={[Function]}
+          FilterComponent={[Function]}
+          LoadingComponent={[Function]}
+          NextComponent={[Function]}
+          NoDataComponent={[Function]}
+          PadRowComponent={[Function]}
+          PaginationComponent={[Function]}
+          PivotValueComponent={[Function]}
+          PreviousComponent={[Function]}
+          ResizerComponent={[Function]}
+          TableComponent={[Function]}
+          TbodyComponent={[Function]}
+          TdComponent={[Function]}
+          TfootComponent={[Function]}
+          ThComponent={[Function]}
+          TheadComponent={[Function]}
+          TrComponent={[Function]}
+          TrGroupComponent={[Function]}
+          aggregatedKey="_aggregated"
+          allDecoratedColumns={
+            Array [
+              Object {
+                "Aggregated": undefined,
+                "Cell": [Function],
+                "Expander": undefined,
+                "Filter": undefined,
+                "Footer": undefined,
+                "Header": "id",
+                "Pivot": undefined,
+                "PivotValue": undefined,
+                "Placeholder": undefined,
+                "accessor": [Function],
+                "aggregate": undefined,
+                "className": "",
+                "filterAll": false,
+                "filterMethod": undefined,
+                "filterable": undefined,
+                "footerClassName": "",
+                "footerStyle": Object {},
+                "getFooterProps": [Function],
+                "getHeaderProps": [Function],
+                "getProps": [Function],
+                "headerClassName": "",
+                "headerStyle": Object {},
+                "id": "id",
+                "minResizeWidth": 11,
+                "minWidth": 100,
+                "resizable": undefined,
+                "show": true,
+                "sortMethod": undefined,
+                "sortable": undefined,
+                "style": Object {},
+              },
+              Object {
+                "Aggregated": undefined,
+                "Cell": undefined,
+                "Expander": undefined,
+                "Filter": undefined,
+                "Footer": undefined,
+                "Header": "location",
+                "Pivot": undefined,
+                "PivotValue": undefined,
+                "Placeholder": undefined,
+                "accessor": [Function],
+                "aggregate": undefined,
+                "className": "",
+                "filterAll": false,
+                "filterMethod": undefined,
+                "filterable": undefined,
+                "footerClassName": "",
+                "footerStyle": Object {},
+                "getFooterProps": [Function],
+                "getHeaderProps": [Function],
+                "getProps": [Function],
+                "headerClassName": "",
+                "headerStyle": Object {},
+                "id": "location",
+                "minResizeWidth": 11,
+                "minWidth": 100,
+                "resizable": undefined,
+                "show": true,
+                "sortMethod": undefined,
+                "sortable": undefined,
+                "style": Object {},
+              },
+              Object {
+                "Aggregated": undefined,
+                "Cell": undefined,
+                "Expander": undefined,
+                "Filter": undefined,
+                "Footer": undefined,
+                "Header": "parent_id",
+                "Pivot": undefined,
+                "PivotValue": undefined,
+                "Placeholder": undefined,
+                "accessor": [Function],
+                "aggregate": undefined,
+                "className": "",
+                "filterAll": false,
+                "filterMethod": undefined,
+                "filterable": undefined,
+                "footerClassName": "",
+                "footerStyle": Object {},
+                "getFooterProps": [Function],
+                "getHeaderProps": [Function],
+                "getProps": [Function],
+                "headerClassName": "",
+                "headerStyle": Object {},
+                "id": "parent_id",
+                "minResizeWidth": 11,
+                "minWidth": 100,
+                "resizable": undefined,
+                "show": true,
+                "sortMethod": undefined,
+                "sortable": undefined,
+                "style": Object {},
+              },
+              Object {
+                "Aggregated": undefined,
+                "Cell": undefined,
+                "Expander": undefined,
+                "Filter": undefined,
+                "Footer": undefined,
+                "Header": "spray_coverage",
+                "Pivot": undefined,
+                "PivotValue": undefined,
+                "Placeholder": undefined,
+                "accessor": [Function],
+                "aggregate": undefined,
+                "className": "",
+                "filterAll": false,
+                "filterMethod": undefined,
+                "filterable": undefined,
+                "footerClassName": "",
+                "footerStyle": Object {},
+                "getFooterProps": [Function],
+                "getHeaderProps": [Function],
+                "getProps": [Function],
+                "headerClassName": "",
+                "headerStyle": Object {},
+                "id": "spray_coverage",
+                "minResizeWidth": 11,
+                "minWidth": 100,
+                "resizable": undefined,
+                "show": true,
+                "sortMethod": undefined,
+                "sortable": undefined,
+                "style": Object {},
+              },
+              Object {
+                "Aggregated": undefined,
+                "Cell": undefined,
+                "Expander": undefined,
+                "Filter": undefined,
+                "Footer": undefined,
+                "Header": "spray_effectiveness",
+                "Pivot": undefined,
+                "PivotValue": undefined,
+                "Placeholder": undefined,
+                "accessor": [Function],
+                "aggregate": undefined,
+                "className": "",
+                "filterAll": false,
+                "filterMethod": undefined,
+                "filterable": undefined,
+                "footerClassName": "",
+                "footerStyle": Object {},
+                "getFooterProps": [Function],
+                "getHeaderProps": [Function],
+                "getProps": [Function],
+                "headerClassName": "",
+                "headerStyle": Object {},
+                "id": "spray_effectiveness",
+                "minResizeWidth": 11,
+                "minWidth": 100,
+                "resizable": undefined,
+                "show": true,
+                "sortMethod": undefined,
+                "sortable": undefined,
+                "style": Object {},
+              },
+            ]
+          }
+          allVisibleColumns={
+            Array [
+              Object {
+                "Aggregated": undefined,
+                "Cell": [Function],
+                "Expander": undefined,
+                "Filter": undefined,
+                "Footer": undefined,
+                "Header": "id",
+                "Pivot": undefined,
+                "PivotValue": undefined,
+                "Placeholder": undefined,
+                "accessor": [Function],
+                "aggregate": undefined,
+                "className": "",
+                "filterAll": false,
+                "filterMethod": undefined,
+                "filterable": undefined,
+                "footerClassName": "",
+                "footerStyle": Object {},
+                "getFooterProps": [Function],
+                "getHeaderProps": [Function],
+                "getProps": [Function],
+                "headerClassName": "",
+                "headerStyle": Object {},
+                "id": "id",
+                "minResizeWidth": 11,
+                "minWidth": 100,
+                "resizable": undefined,
+                "show": true,
+                "sortMethod": undefined,
+                "sortable": undefined,
+                "style": Object {},
+              },
+              Object {
+                "Aggregated": undefined,
+                "Cell": undefined,
+                "Expander": undefined,
+                "Filter": undefined,
+                "Footer": undefined,
+                "Header": "location",
+                "Pivot": undefined,
+                "PivotValue": undefined,
+                "Placeholder": undefined,
+                "accessor": [Function],
+                "aggregate": undefined,
+                "className": "",
+                "filterAll": false,
+                "filterMethod": undefined,
+                "filterable": undefined,
+                "footerClassName": "",
+                "footerStyle": Object {},
+                "getFooterProps": [Function],
+                "getHeaderProps": [Function],
+                "getProps": [Function],
+                "headerClassName": "",
+                "headerStyle": Object {},
+                "id": "location",
+                "minResizeWidth": 11,
+                "minWidth": 100,
+                "resizable": undefined,
+                "show": true,
+                "sortMethod": undefined,
+                "sortable": undefined,
+                "style": Object {},
+              },
+              Object {
+                "Aggregated": undefined,
+                "Cell": undefined,
+                "Expander": undefined,
+                "Filter": undefined,
+                "Footer": undefined,
+                "Header": "parent_id",
+                "Pivot": undefined,
+                "PivotValue": undefined,
+                "Placeholder": undefined,
+                "accessor": [Function],
+                "aggregate": undefined,
+                "className": "",
+                "filterAll": false,
+                "filterMethod": undefined,
+                "filterable": undefined,
+                "footerClassName": "",
+                "footerStyle": Object {},
+                "getFooterProps": [Function],
+                "getHeaderProps": [Function],
+                "getProps": [Function],
+                "headerClassName": "",
+                "headerStyle": Object {},
+                "id": "parent_id",
+                "minResizeWidth": 11,
+                "minWidth": 100,
+                "resizable": undefined,
+                "show": true,
+                "sortMethod": undefined,
+                "sortable": undefined,
+                "style": Object {},
+              },
+              Object {
+                "Aggregated": undefined,
+                "Cell": undefined,
+                "Expander": undefined,
+                "Filter": undefined,
+                "Footer": undefined,
+                "Header": "spray_coverage",
+                "Pivot": undefined,
+                "PivotValue": undefined,
+                "Placeholder": undefined,
+                "accessor": [Function],
+                "aggregate": undefined,
+                "className": "",
+                "filterAll": false,
+                "filterMethod": undefined,
+                "filterable": undefined,
+                "footerClassName": "",
+                "footerStyle": Object {},
+                "getFooterProps": [Function],
+                "getHeaderProps": [Function],
+                "getProps": [Function],
+                "headerClassName": "",
+                "headerStyle": Object {},
+                "id": "spray_coverage",
+                "minResizeWidth": 11,
+                "minWidth": 100,
+                "resizable": undefined,
+                "show": true,
+                "sortMethod": undefined,
+                "sortable": undefined,
+                "style": Object {},
+              },
+              Object {
+                "Aggregated": undefined,
+                "Cell": undefined,
+                "Expander": undefined,
+                "Filter": undefined,
+                "Footer": undefined,
+                "Header": "spray_effectiveness",
+                "Pivot": undefined,
+                "PivotValue": undefined,
+                "Placeholder": undefined,
+                "accessor": [Function],
+                "aggregate": undefined,
+                "className": "",
+                "filterAll": false,
+                "filterMethod": undefined,
+                "filterable": undefined,
+                "footerClassName": "",
+                "footerStyle": Object {},
+                "getFooterProps": [Function],
+                "getHeaderProps": [Function],
+                "getProps": [Function],
+                "headerClassName": "",
+                "headerStyle": Object {},
+                "id": "spray_effectiveness",
+                "minResizeWidth": 11,
+                "minWidth": 100,
+                "resizable": undefined,
+                "show": true,
+                "sortMethod": undefined,
+                "sortable": undefined,
+                "style": Object {},
+              },
+            ]
+          }
+          canNext={false}
+          canPrevious={false}
+          collapseOnDataChange={true}
+          collapseOnPageChange={true}
+          collapseOnSortingChange={true}
+          column={
+            Object {
+              "Aggregated": undefined,
+              "Cell": undefined,
+              "Expander": undefined,
+              "Filter": undefined,
+              "Footer": undefined,
+              "Header": undefined,
+              "Pivot": undefined,
+              "PivotValue": undefined,
+              "Placeholder": undefined,
+              "aggregate": undefined,
+              "className": "",
+              "filterAll": false,
+              "filterMethod": undefined,
+              "filterable": undefined,
+              "footerClassName": "",
+              "footerStyle": Object {},
+              "getFooterProps": [Function],
+              "getHeaderProps": [Function],
+              "getProps": [Function],
+              "headerClassName": "",
+              "headerStyle": Object {},
+              "minResizeWidth": 11,
+              "minWidth": 100,
+              "resizable": undefined,
+              "show": true,
+              "sortMethod": undefined,
+              "sortable": undefined,
+              "style": Object {},
+            }
+          }
+          columns={
+            Array [
+              Object {
+                "Cell": [Function],
+                "Header": "id",
+                "accessor": "id",
+              },
+              Object {
+                "Header": "location",
+                "accessor": "location",
+              },
+              Object {
+                "Header": "parent_id",
+                "accessor": "parent_id",
+              },
+              Object {
+                "Header": "spray_coverage",
+                "accessor": "spray_coverage",
+              },
+              Object {
+                "Header": "spray_effectiveness",
+                "accessor": "spray_effectiveness",
+              },
+            ]
+          }
+          currentlyResizing={false}
+          data={
+            Array [
+              Object {
+                "id": 1,
+                "location": "District A",
+                "parent_id": null,
+                "spray_coverage": "80%",
+                "spray_effectiveness": "80%",
+              },
+              Object {
+                "id": 2,
+                "location": "District B",
+                "parent_id": null,
+                "spray_coverage": "75%",
+                "spray_effectiveness": "85%",
+              },
+              Object {
+                "id": 3,
+                "location": "District C",
+                "parent_id": null,
+                "spray_coverage": "90%",
+                "spray_effectiveness": "90%",
+              },
+              Object {
+                "id": 18,
+                "location": "District D",
+                "parent_id": null,
+                "spray_coverage": "0%",
+                "spray_effectiveness": "0%",
+              },
+            ]
+          }
+          defaultExpanded={Object {}}
+          defaultFilterMethod={[Function]}
+          defaultFiltered={Array []}
+          defaultPage={0}
+          defaultPageSize={20}
+          defaultResized={Array []}
+          defaultSortDesc={false}
+          defaultSortMethod={[Function]}
+          defaultSorted={Array []}
+          expanded={Object {}}
+          expanderDefaults={
+            Object {
+              "filterable": false,
+              "resizable": false,
+              "sortable": false,
+              "width": 35,
+            }
+          }
+          extraCellProps={
+            Object {
+              "caret": <span>
+                +
+              </span>,
+              "urlPath": "http://example.com",
+            }
+          }
+          filterable={false}
+          filtered={Array []}
+          freezeWhenExpanded={false}
+          frozen={false}
+          getLoadingProps={[Function]}
+          getNoDataProps={[Function]}
+          getPaginationProps={[Function]}
+          getProps={[Function]}
+          getResizerProps={[Function]}
+          getTableProps={[Function]}
+          getTbodyProps={[Function]}
+          getTdProps={[Function]}
+          getTfootProps={[Function]}
+          getTfootTdProps={[Function]}
+          getTfootTrProps={[Function]}
+          getTheadFilterProps={[Function]}
+          getTheadFilterThProps={[Function]}
+          getTheadFilterTrProps={[Function]}
+          getTheadGroupProps={[Function]}
+          getTheadGroupThProps={[Function]}
+          getTheadGroupTrProps={[Function]}
+          getTheadProps={[Function]}
+          getTheadThProps={[Function]}
+          getTheadTrProps={[Function]}
+          getTrGroupProps={[Function]}
+          getTrProps={[Function]}
+          groupedByPivotKey="_groupedByPivot"
+          hasChildren={[Function]}
+          hasHeaderGroups={false}
+          headerGroups={Array []}
+          identifierField="id"
+          indexKey="_index"
+          isTop={false}
+          linkerField="id"
+          loading={false}
+          loadingText="Loading..."
+          multiSort={true}
+          nestingLevelKey="_nestingLevel"
+          nextText="Next"
+          noDataText="No rows found"
+          ofText="of"
+          onFetchData={[Function]}
+          onPageChange={[Function]}
+          onPageSizeChange={[Function]}
+          originalKey="_original"
+          page={0}
+          pageJumpText="jump to page"
+          pageSize={20}
+          pageSizeOptions={
+            Array [
+              5,
+              10,
+              20,
+              25,
+              50,
+              100,
+            ]
+          }
+          pageText="Page"
+          pages={1}
+          parentIdentifierField="parent_id"
+          pivotDefaults={Object {}}
+          pivotIDKey="_pivotID"
+          pivotValKey="_pivotVal"
+          previousText="Previous"
+          renderCurrentPage={[Function]}
+          renderPageJump={[Function]}
+          renderPageSizeOptions={[Function]}
+          renderTotalPagesCount={[Function]}
+          resizable={true}
+          resized={Array []}
+          resolveData={[Function]}
+          resolvedData={
+            Array [
+              Object {
+                "_index": 0,
+                "_nestingLevel": 0,
+                "_original": Object {
+                  "id": 1,
+                  "location": "District A",
+                  "parent_id": null,
+                  "spray_coverage": "80%",
+                  "spray_effectiveness": "80%",
+                },
+                "_subRows": undefined,
+                "id": 1,
+                "location": "District A",
+                "parent_id": null,
+                "spray_coverage": "80%",
+                "spray_effectiveness": "80%",
+              },
+              Object {
+                "_index": 1,
+                "_nestingLevel": 0,
+                "_original": Object {
+                  "id": 2,
+                  "location": "District B",
+                  "parent_id": null,
+                  "spray_coverage": "75%",
+                  "spray_effectiveness": "85%",
+                },
+                "_subRows": undefined,
+                "id": 2,
+                "location": "District B",
+                "parent_id": null,
+                "spray_coverage": "75%",
+                "spray_effectiveness": "85%",
+              },
+              Object {
+                "_index": 2,
+                "_nestingLevel": 0,
+                "_original": Object {
+                  "id": 3,
+                  "location": "District C",
+                  "parent_id": null,
+                  "spray_coverage": "90%",
+                  "spray_effectiveness": "90%",
+                },
+                "_subRows": undefined,
+                "id": 3,
+                "location": "District C",
+                "parent_id": null,
+                "spray_coverage": "90%",
+                "spray_effectiveness": "90%",
+              },
+              Object {
+                "_index": 3,
+                "_nestingLevel": 0,
+                "_original": Object {
+                  "id": 18,
+                  "location": "District D",
+                  "parent_id": null,
+                  "spray_coverage": "0%",
+                  "spray_effectiveness": "0%",
+                },
+                "_subRows": undefined,
+                "id": 18,
+                "location": "District D",
+                "parent_id": null,
+                "spray_coverage": "0%",
+                "spray_effectiveness": "0%",
+              },
+            ]
+          }
+          rootParentId={null}
+          rowsSelectorText="rows per page"
+          rowsText="rows"
+          showPageJump={true}
+          showPageSizeOptions={true}
+          showPagination={true}
+          showPaginationBottom={true}
+          showPaginationTop={false}
+          skipNextSort={false}
+          sortable={true}
+          sorted={Array []}
+          sortedData={
+            Array [
+              Object {
+                "_index": 0,
+                "_nestingLevel": 0,
+                "_original": Object {
+                  "id": 1,
+                  "location": "District A",
+                  "parent_id": null,
+                  "spray_coverage": "80%",
+                  "spray_effectiveness": "80%",
+                },
+                "_subRows": undefined,
+                "id": 1,
+                "location": "District A",
+                "parent_id": null,
+                "spray_coverage": "80%",
+                "spray_effectiveness": "80%",
+              },
+              Object {
+                "_index": 1,
+                "_nestingLevel": 0,
+                "_original": Object {
+                  "id": 2,
+                  "location": "District B",
+                  "parent_id": null,
+                  "spray_coverage": "75%",
+                  "spray_effectiveness": "85%",
+                },
+                "_subRows": undefined,
+                "id": 2,
+                "location": "District B",
+                "parent_id": null,
+                "spray_coverage": "75%",
+                "spray_effectiveness": "85%",
+              },
+              Object {
+                "_index": 2,
+                "_nestingLevel": 0,
+                "_original": Object {
+                  "id": 3,
+                  "location": "District C",
+                  "parent_id": null,
+                  "spray_coverage": "90%",
+                  "spray_effectiveness": "90%",
+                },
+                "_subRows": undefined,
+                "id": 3,
+                "location": "District C",
+                "parent_id": null,
+                "spray_coverage": "90%",
+                "spray_effectiveness": "90%",
+              },
+              Object {
+                "_index": 3,
+                "_nestingLevel": 0,
+                "_original": Object {
+                  "id": 18,
+                  "location": "District D",
+                  "parent_id": null,
+                  "spray_coverage": "0%",
+                  "spray_effectiveness": "0%",
+                },
+                "_subRows": undefined,
+                "id": 18,
+                "location": "District D",
+                "parent_id": null,
+                "spray_coverage": "0%",
+                "spray_effectiveness": "0%",
+              },
+            ]
+          }
+          subRowsKey="_subRows"
+          useDrillDownTrProps={true}
+        >
+          <div
+            className="-pagination"
+          >
+            <div
+              className="-previous"
+            >
+              <defaultButton
+                disabled={true}
+                onClick={[Function]}
+              >
+                <button
+                  className="-btn"
+                  disabled={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  Previous
+                </button>
+              </defaultButton>
+            </div>
+            <div
+              className="-center"
+            >
+              <span
+                className="-pageInfo"
+              >
+                Page
+                 
+                <div
+                  className="-pageJump"
+                >
+                  <input
+                    aria-label="jump to page"
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onKeyPress={[Function]}
+                    type="number"
+                    value={1}
+                  />
+                </div>
+                 
+                of
+                 
+                <span
+                  className="-totalPages"
+                >
+                  1
+                </span>
+              </span>
+              <span
+                className="select-wrap -pageSizeOptions"
+              >
+                <select
+                  aria-label="rows per page"
+                  onChange={[Function]}
+                  value={20}
+                >
+                  <option
+                    key="0"
+                    value={5}
+                  >
+                    5 rows
+                  </option>
+                  <option
+                    key="1"
+                    value={10}
+                  >
+                    10 rows
+                  </option>
+                  <option
+                    key="2"
+                    value={20}
+                  >
+                    20 rows
+                  </option>
+                  <option
+                    key="3"
+                    value={25}
+                  >
+                    25 rows
+                  </option>
+                  <option
+                    key="4"
+                    value={50}
+                  >
+                    50 rows
+                  </option>
+                  <option
+                    key="5"
+                    value={100}
+                  >
+                    100 rows
+                  </option>
+                </select>
+              </span>
+            </div>
+            <div
+              className="-next"
+            >
+              <defaultButton
+                disabled={true}
+                onClick={[Function]}
+              >
+                <button
+                  className="-btn"
+                  disabled={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  Next
+                </button>
+              </defaultButton>
+            </div>
+          </div>
+        </ReactTablePagination>
+      </div>
+      <LoadingComponent
+        loading={false}
+        loadingText="Loading..."
+      >
+        <div
+          className="-loading"
+        >
+          <div
+            className="-loading-inner"
+          >
+            Loading...
+          </div>
+        </div>
+      </LoadingComponent>
+    </div>
+  </ReactTable>
+</DrillDownTable>
+`;
+
+exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
+<DrillDownTable
+  CellComponent={[Function]}
+  data={
+    Array [
+      Object {
+        "id": 1,
+        "location": "District A",
+        "parent_id": null,
+        "spray_coverage": "80%",
+        "spray_effectiveness": "80%",
+      },
+      Object {
+        "id": 4,
+        "location": "HFC 1",
+        "parent_id": 1,
+        "spray_coverage": "80%",
+        "spray_effectiveness": "80%",
+      },
+      Object {
+        "id": 9,
+        "location": "Operational Area 9",
+        "parent_id": 4,
+        "spray_coverage": "70%",
+        "spray_effectiveness": "90%",
+      },
+      Object {
+        "id": 10,
+        "location": "Operational Area 10",
+        "parent_id": 4,
+        "spray_coverage": "80%",
+        "spray_effectiveness": "100%",
+      },
+      Object {
+        "id": 11,
+        "location": "Operational Area 11",
+        "parent_id": 4,
+        "spray_coverage": "100%",
+        "spray_effectiveness": "100%",
+      },
+      Object {
+        "id": 5,
+        "location": "HFC 2",
+        "parent_id": 1,
+        "spray_coverage": "80%",
+        "spray_effectiveness": "80%",
+      },
+      Object {
+        "id": 12,
+        "location": "Operational Area 12",
+        "parent_id": 5,
+        "spray_coverage": "86%",
+        "spray_effectiveness": "100%",
+      },
+      Object {
+        "id": 2,
+        "location": "District B",
+        "parent_id": null,
+        "spray_coverage": "75%",
+        "spray_effectiveness": "85%",
+      },
+      Object {
+        "id": 6,
+        "location": "HFC 3",
+        "parent_id": 2,
+        "spray_coverage": "80%",
+        "spray_effectiveness": "80%",
+      },
+      Object {
+        "id": 17,
+        "location": "HFC 17",
+        "parent_id": 2,
+        "spray_coverage": "0%",
+        "spray_effectiveness": "0%",
+      },
+      Object {
+        "id": 13,
+        "location": "Operational Area 13",
+        "parent_id": 6,
+        "spray_coverage": "86%",
+        "spray_effectiveness": "100%",
+      },
+      Object {
+        "id": 14,
+        "location": "Operational Area 14",
+        "parent_id": 6,
+        "spray_coverage": "86%",
+        "spray_effectiveness": "90%",
+      },
+      Object {
+        "id": 17,
+        "location": "Operational Area 17",
+        "parent_id": 6,
+        "spray_coverage": "86%",
+        "spray_effectiveness": "78%",
+      },
+      Object {
+        "id": 18,
+        "location": "Operational Area 18",
+        "parent_id": 6,
+        "spray_coverage": "80%",
+        "spray_effectiveness": "100%",
+      },
+      Object {
+        "id": 3,
+        "location": "District C",
+        "parent_id": null,
+        "spray_coverage": "90%",
+        "spray_effectiveness": "90%",
+      },
+      Object {
+        "id": 7,
+        "location": "HFC 4",
+        "parent_id": 3,
+        "spray_coverage": "80%",
+        "spray_effectiveness": "80%",
+      },
+      Object {
+        "id": 15,
+        "location": "Operational Area 15",
+        "parent_id": 7,
+        "spray_coverage": "80%",
+        "spray_effectiveness": "100%",
+      },
+      Object {
+        "id": 8,
+        "location": "HFC 5",
+        "parent_id": 3,
+        "spray_coverage": "80%",
+        "spray_effectiveness": "80%",
+      },
+      Object {
+        "id": 16,
+        "location": "Operational Area 16",
+        "parent_id": 8,
+        "spray_coverage": "80%",
+        "spray_effectiveness": "100%",
+      },
+      Object {
+        "id": 18,
+        "location": "District D",
+        "parent_id": null,
+        "spray_coverage": "0%",
+        "spray_effectiveness": "0%",
+      },
+    ]
+  }
+  hasChildren={[Function]}
+  identifierField="id"
+  linkerField="id"
+  parentIdentifierField="parent_id"
+  rootParentId={null}
+  useDrillDownTrProps={false}
+>
+  <ReactTable
+    AggregatedComponent={[Function]}
+    CellComponent={[Function]}
+    ExpanderComponent={[Function]}
+    FilterComponent={[Function]}
+    LoadingComponent={[Function]}
+    NoDataComponent={[Function]}
+    PadRowComponent={[Function]}
+    PaginationComponent={[Function]}
+    PivotValueComponent={[Function]}
+    ResizerComponent={[Function]}
+    TableComponent={[Function]}
+    TbodyComponent={[Function]}
+    TdComponent={[Function]}
+    TfootComponent={[Function]}
+    ThComponent={[Function]}
+    TheadComponent={[Function]}
+    TrComponent={[Function]}
+    TrGroupComponent={[Function]}
+    aggregatedKey="_aggregated"
+    className=""
+    collapseOnDataChange={true}
+    collapseOnPageChange={true}
+    collapseOnSortingChange={true}
+    column={
+      Object {
+        "Aggregated": undefined,
+        "Cell": undefined,
+        "Expander": undefined,
+        "Filter": undefined,
+        "Footer": undefined,
+        "Header": undefined,
+        "Pivot": undefined,
+        "PivotValue": undefined,
+        "Placeholder": undefined,
+        "aggregate": undefined,
+        "className": "",
+        "filterAll": false,
+        "filterMethod": undefined,
+        "filterable": undefined,
+        "footerClassName": "",
+        "footerStyle": Object {},
+        "getFooterProps": [Function],
+        "getHeaderProps": [Function],
+        "getProps": [Function],
+        "headerClassName": "",
+        "headerStyle": Object {},
+        "minResizeWidth": 11,
+        "minWidth": 100,
+        "resizable": undefined,
+        "show": true,
+        "sortMethod": undefined,
+        "sortable": undefined,
+        "style": Object {},
+      }
+    }
+    columns={
+      Array [
+        Object {
+          "Cell": [Function],
+          "Header": "id",
+          "accessor": "id",
+        },
+        Object {
+          "Header": "location",
+          "accessor": "location",
+        },
+        Object {
+          "Header": "parent_id",
+          "accessor": "parent_id",
+        },
+        Object {
+          "Header": "spray_coverage",
+          "accessor": "spray_coverage",
+        },
+        Object {
+          "Header": "spray_effectiveness",
+          "accessor": "spray_effectiveness",
+        },
+      ]
+    }
+    data={
+      Array [
+        Object {
+          "id": 1,
+          "location": "District A",
+          "parent_id": null,
+          "spray_coverage": "80%",
+          "spray_effectiveness": "80%",
+        },
+        Object {
+          "id": 2,
+          "location": "District B",
+          "parent_id": null,
+          "spray_coverage": "75%",
+          "spray_effectiveness": "85%",
+        },
+        Object {
+          "id": 3,
+          "location": "District C",
+          "parent_id": null,
+          "spray_coverage": "90%",
+          "spray_effectiveness": "90%",
+        },
+        Object {
+          "id": 18,
+          "location": "District D",
+          "parent_id": null,
+          "spray_coverage": "0%",
+          "spray_effectiveness": "0%",
+        },
+      ]
+    }
+    defaultExpanded={Object {}}
+    defaultFilterMethod={[Function]}
+    defaultFiltered={Array []}
+    defaultPage={0}
+    defaultPageSize={20}
+    defaultResized={Array []}
+    defaultSortDesc={false}
+    defaultSortMethod={[Function]}
+    defaultSorted={Array []}
+    expanderDefaults={
+      Object {
+        "filterable": false,
+        "resizable": false,
+        "sortable": false,
+        "width": 35,
+      }
+    }
+    filterable={false}
+    freezeWhenExpanded={false}
+    getLoadingProps={[Function]}
+    getNoDataProps={[Function]}
+    getPaginationProps={[Function]}
+    getProps={[Function]}
+    getResizerProps={[Function]}
+    getTableProps={[Function]}
+    getTbodyProps={[Function]}
+    getTdProps={[Function]}
+    getTfootProps={[Function]}
+    getTfootTdProps={[Function]}
+    getTfootTrProps={[Function]}
+    getTheadFilterProps={[Function]}
+    getTheadFilterThProps={[Function]}
+    getTheadFilterTrProps={[Function]}
+    getTheadGroupProps={[Function]}
+    getTheadGroupThProps={[Function]}
+    getTheadGroupTrProps={[Function]}
+    getTheadProps={[Function]}
+    getTheadThProps={[Function]}
+    getTheadTrProps={[Function]}
+    getTrGroupProps={[Function]}
+    getTrProps={[Function]}
+    groupedByPivotKey="_groupedByPivot"
+    hasChildren={[Function]}
+    identifierField="id"
+    indexKey="_index"
+    linkerField="id"
+    loading={false}
+    loadingText="Loading..."
+    multiSort={true}
+    nestingLevelKey="_nestingLevel"
+    nextText="Next"
+    noDataText="No rows found"
+    ofText="of"
+    onFetchData={[Function]}
+    originalKey="_original"
+    pageJumpText="jump to page"
+    pageSizeOptions={
+      Array [
+        5,
+        10,
+        20,
+        25,
+        50,
+        100,
+      ]
+    }
+    pageText="Page"
+    parentIdentifierField="parent_id"
+    pivotDefaults={Object {}}
+    pivotIDKey="_pivotID"
+    pivotValKey="_pivotVal"
+    previousText="Previous"
+    resizable={true}
+    resolveData={[Function]}
+    rootParentId={null}
+    rowsSelectorText="rows per page"
+    rowsText="rows"
+    showPageJump={true}
+    showPageSizeOptions={true}
+    showPagination={true}
+    showPaginationBottom={true}
+    showPaginationTop={false}
+    sortable={true}
+    style={Object {}}
+    subRowsKey="_subRows"
+    useDrillDownTrProps={false}
+  >
+    <div
+      className="ReactTable"
+      style={Object {}}
+    >
+      <TableComponent
+        className=""
+      >
+        <div
+          className="rt-table"
+          role="grid"
+        >
+          <Thead
+            className="-header"
+            style={
+              Object {
+                "minWidth": "500px",
+              }
+            }
+          >
+            <div
+              className="rt-thead -header"
+              style={
+                Object {
+                  "minWidth": "500px",
+                }
+              }
+            >
+              <TrComponent>
+                <div
+                  className="rt-tr"
+                  role="row"
+                >
+                  <ThComponent
+                    className="rt-resizable-header -cursor-pointer"
+                    key="0-id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                    toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-th rt-resizable-header -cursor-pointer"
+                      onClick={[Function]}
+                      role="columnheader"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="rt-resizable-header-content"
+                      >
+                        id
+                      </div>
+                      <Resizer
+                        onMouseDown={[Function]}
+                        onTouchStart={[Function]}
+                      >
+                        <div
+                          className="rt-resizer"
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                        />
+                      </Resizer>
+                    </div>
+                  </ThComponent>
+                  <ThComponent
+                    className="rt-resizable-header -cursor-pointer"
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                    toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-th rt-resizable-header -cursor-pointer"
+                      onClick={[Function]}
+                      role="columnheader"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="rt-resizable-header-content"
+                      >
+                        location
+                      </div>
+                      <Resizer
+                        onMouseDown={[Function]}
+                        onTouchStart={[Function]}
+                      >
+                        <div
+                          className="rt-resizer"
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                        />
+                      </Resizer>
+                    </div>
+                  </ThComponent>
+                  <ThComponent
+                    className="rt-resizable-header -cursor-pointer"
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                    toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-th rt-resizable-header -cursor-pointer"
+                      onClick={[Function]}
+                      role="columnheader"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="rt-resizable-header-content"
+                      >
+                        parent_id
+                      </div>
+                      <Resizer
+                        onMouseDown={[Function]}
+                        onTouchStart={[Function]}
+                      >
+                        <div
+                          className="rt-resizer"
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                        />
+                      </Resizer>
+                    </div>
+                  </ThComponent>
+                  <ThComponent
+                    className="rt-resizable-header -cursor-pointer"
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                    toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-th rt-resizable-header -cursor-pointer"
+                      onClick={[Function]}
+                      role="columnheader"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="rt-resizable-header-content"
+                      >
+                        spray_coverage
+                      </div>
+                      <Resizer
+                        onMouseDown={[Function]}
+                        onTouchStart={[Function]}
+                      >
+                        <div
+                          className="rt-resizer"
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                        />
+                      </Resizer>
+                    </div>
+                  </ThComponent>
+                  <ThComponent
+                    className="rt-resizable-header -cursor-pointer"
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                    toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-th rt-resizable-header -cursor-pointer"
+                      onClick={[Function]}
+                      role="columnheader"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="rt-resizable-header-content"
+                      >
+                        spray_effectiveness
+                      </div>
+                      <Resizer
+                        onMouseDown={[Function]}
+                        onTouchStart={[Function]}
+                      >
+                        <div
+                          className="rt-resizer"
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                        />
+                      </Resizer>
+                    </div>
+                  </ThComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </Thead>
+          <Tbody
+            className=""
+            style={
+              Object {
+                "minWidth": "500px",
+              }
+            }
+          >
+            <div
+              className="rt-tbody"
+              style={
+                Object {
+                  "minWidth": "500px",
+                }
+              }
+            >
+              <TrGroupComponent
+                key="0"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-odd"
+                  >
+                    <div
+                      className="rt-tr -odd"
+                      role="row"
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
                             Object {
-                              "Header": "location",
-                              "accessor": "location",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <Component
+                            classes={
+                              Array [
+                                undefined,
+                                "",
+                                undefined,
+                              ]
+                            }
+                            column={
+                              Object {
+                                "Aggregated": undefined,
+                                "Cell": [Function],
+                                "Expander": undefined,
+                                "Filter": undefined,
+                                "Footer": undefined,
+                                "Header": "id",
+                                "Pivot": undefined,
+                                "PivotValue": undefined,
+                                "Placeholder": undefined,
+                                "accessor": [Function],
+                                "aggregate": undefined,
+                                "className": "",
+                                "filterAll": false,
+                                "filterMethod": undefined,
+                                "filterable": undefined,
+                                "footerClassName": "",
+                                "footerStyle": Object {},
+                                "getFooterProps": [Function],
+                                "getHeaderProps": [Function],
+                                "getProps": [Function],
+                                "headerClassName": "",
+                                "headerStyle": Object {},
+                                "id": "id",
+                                "minResizeWidth": 11,
+                                "minWidth": 100,
+                                "resizable": undefined,
+                                "show": true,
+                                "sortMethod": undefined,
+                                "sortable": undefined,
+                                "style": Object {},
+                              }
+                            }
+                            columnProps={
+                              Object {
+                                "className": undefined,
+                                "rest": Object {},
+                                "style": undefined,
+                              }
+                            }
+                            index={0}
+                            level={0}
+                            nestingPath={
+                              Array [
+                                0,
+                              ]
+                            }
+                            original={
+                              Object {
+                                "id": 1,
+                                "location": "District A",
+                                "parent_id": null,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "80%",
+                              }
+                            }
+                            page={0}
+                            pageSize={20}
+                            resized={Array []}
+                            row={
+                              Object {
+                                "_index": 0,
+                                "_nestingLevel": 0,
+                                "_original": Object {
+                                  "id": 1,
+                                  "location": "District A",
+                                  "parent_id": null,
+                                  "spray_coverage": "80%",
+                                  "spray_effectiveness": "80%",
+                                },
+                                "_subRows": undefined,
+                                "_viewIndex": 0,
+                                "id": 1,
+                                "location": "District A",
+                                "parent_id": null,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "80%",
+                              }
+                            }
+                            show={true}
+                            styles={Object {}}
+                            tdProps={
+                              Object {
+                                "className": undefined,
+                                "rest": Object {},
+                                "style": undefined,
+                              }
+                            }
+                            value={1}
+                            viewIndex={0}
+                            width={100}
+                          >
+                            <DropDownCell
+                              cellValue={1}
+                              hasChildren={true}
+                            >
+                              <div
+                                className="dd-linker-item dd-clickable"
+                              >
+                                <span>
+                                  1
+                                  <span
+                                    className="dd-caret"
+                                  >
+                                     ▼
+                                  </span>
+                                </span>
+                              </div>
+                            </DropDownCell>
+                          </Component>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
                             Object {
-                              "Header": "parent_id",
-                              "accessor": "parent_id",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          District A
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
                             Object {
-                              "Header": "spray_coverage",
-                              "accessor": "spray_coverage",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        />
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
                             Object {
-                              "Header": "spray_effectiveness",
-                              "accessor": "spray_effectiveness",
-                            },
-                          ],
-                          "currentlyResizing": false,
-                          "data": Array [
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          80%
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
                             Object {
-                              "id": 1,
-                              "location": "District A",
-                              "parent_id": null,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          80%
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="1"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-even"
+                  >
+                    <div
+                      className="rt-tr -even"
+                      role="row"
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
                             Object {
-                              "id": 2,
-                              "location": "District B",
-                              "parent_id": null,
-                              "spray_coverage": "75%",
-                              "spray_effectiveness": "85%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <Component
+                            classes={
+                              Array [
+                                undefined,
+                                "",
+                                undefined,
+                              ]
+                            }
+                            column={
+                              Object {
+                                "Aggregated": undefined,
+                                "Cell": [Function],
+                                "Expander": undefined,
+                                "Filter": undefined,
+                                "Footer": undefined,
+                                "Header": "id",
+                                "Pivot": undefined,
+                                "PivotValue": undefined,
+                                "Placeholder": undefined,
+                                "accessor": [Function],
+                                "aggregate": undefined,
+                                "className": "",
+                                "filterAll": false,
+                                "filterMethod": undefined,
+                                "filterable": undefined,
+                                "footerClassName": "",
+                                "footerStyle": Object {},
+                                "getFooterProps": [Function],
+                                "getHeaderProps": [Function],
+                                "getProps": [Function],
+                                "headerClassName": "",
+                                "headerStyle": Object {},
+                                "id": "id",
+                                "minResizeWidth": 11,
+                                "minWidth": 100,
+                                "resizable": undefined,
+                                "show": true,
+                                "sortMethod": undefined,
+                                "sortable": undefined,
+                                "style": Object {},
+                              }
+                            }
+                            columnProps={
+                              Object {
+                                "className": undefined,
+                                "rest": Object {},
+                                "style": undefined,
+                              }
+                            }
+                            index={1}
+                            level={0}
+                            nestingPath={
+                              Array [
+                                1,
+                              ]
+                            }
+                            original={
+                              Object {
+                                "id": 2,
+                                "location": "District B",
+                                "parent_id": null,
+                                "spray_coverage": "75%",
+                                "spray_effectiveness": "85%",
+                              }
+                            }
+                            page={0}
+                            pageSize={20}
+                            resized={Array []}
+                            row={
+                              Object {
+                                "_index": 1,
+                                "_nestingLevel": 0,
+                                "_original": Object {
+                                  "id": 2,
+                                  "location": "District B",
+                                  "parent_id": null,
+                                  "spray_coverage": "75%",
+                                  "spray_effectiveness": "85%",
+                                },
+                                "_subRows": undefined,
+                                "_viewIndex": 1,
+                                "id": 2,
+                                "location": "District B",
+                                "parent_id": null,
+                                "spray_coverage": "75%",
+                                "spray_effectiveness": "85%",
+                              }
+                            }
+                            show={true}
+                            styles={Object {}}
+                            tdProps={
+                              Object {
+                                "className": undefined,
+                                "rest": Object {},
+                                "style": undefined,
+                              }
+                            }
+                            value={2}
+                            viewIndex={1}
+                            width={100}
+                          >
+                            <DropDownCell
+                              cellValue={2}
+                              hasChildren={true}
+                            >
+                              <div
+                                className="dd-linker-item dd-clickable"
+                              >
+                                <span>
+                                  2
+                                  <span
+                                    className="dd-caret"
+                                  >
+                                     ▼
+                                  </span>
+                                </span>
+                              </div>
+                            </DropDownCell>
+                          </Component>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
                             Object {
-                              "id": 3,
-                              "location": "District C",
-                              "parent_id": null,
-                              "spray_coverage": "90%",
-                              "spray_effectiveness": "90%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          District B
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
                             Object {
-                              "id": 18,
-                              "location": "District D",
-                              "parent_id": null,
-                              "spray_coverage": "0%",
-                              "spray_effectiveness": "0%",
-                            },
-                          ],
-                          "defaultExpanded": Object {},
-                          "defaultFilterMethod": [Function],
-                          "defaultFiltered": Array [],
-                          "defaultPage": 0,
-                          "defaultPageSize": 20,
-                          "defaultResized": Array [],
-                          "defaultSortDesc": false,
-                          "defaultSortMethod": [Function],
-                          "defaultSorted": Array [],
-                          "endRow": 20,
-                          "expanded": Object {},
-                          "expanderDefaults": Object {
-                            "filterable": false,
-                            "resizable": false,
-                            "sortable": false,
-                            "width": 35,
-                          },
-                          "extraCellProps": Object {
-                            "caret": <span>
-                              +
-                            </span>,
-                            "urlPath": "http://example.com",
-                          },
-                          "filterable": false,
-                          "filtered": Array [],
-                          "freezeWhenExpanded": false,
-                          "frozen": false,
-                          "getLoadingProps": [Function],
-                          "getNoDataProps": [Function],
-                          "getPaginationProps": [Function],
-                          "getProps": [Function],
-                          "getResizerProps": [Function],
-                          "getTableProps": [Function],
-                          "getTbodyProps": [Function],
-                          "getTdProps": [Function],
-                          "getTfootProps": [Function],
-                          "getTfootTdProps": [Function],
-                          "getTfootTrProps": [Function],
-                          "getTheadFilterProps": [Function],
-                          "getTheadFilterThProps": [Function],
-                          "getTheadFilterTrProps": [Function],
-                          "getTheadGroupProps": [Function],
-                          "getTheadGroupThProps": [Function],
-                          "getTheadGroupTrProps": [Function],
-                          "getTheadProps": [Function],
-                          "getTheadThProps": [Function],
-                          "getTheadTrProps": [Function],
-                          "getTrGroupProps": [Function],
-                          "getTrProps": [Function],
-                          "groupedByPivotKey": "_groupedByPivot",
-                          "hasColumnFooter": false,
-                          "hasHeaderGroups": false,
-                          "headerGroups": Array [],
-                          "identifierField": "id",
-                          "indexKey": "_index",
-                          "linkerField": "id",
-                          "loading": false,
-                          "loadingText": "Loading...",
-                          "minRows": 20,
-                          "multiSort": true,
-                          "nestingLevelKey": "_nestingLevel",
-                          "nextText": "Next",
-                          "noDataText": "No rows found",
-                          "ofText": "of",
-                          "onFetchData": [Function],
-                          "originalKey": "_original",
-                          "padRows": Array [
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                            16,
-                          ],
-                          "page": 0,
-                          "pageJumpText": "jump to page",
-                          "pageRows": Array [
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        />
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 0,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 1,
-                                "location": "District A",
-                                "parent_id": null,
-                                "spray_coverage": "80%",
-                                "spray_effectiveness": "80%",
-                              },
-                              "_subRows": undefined,
-                              "_viewIndex": 0,
-                              "id": 1,
-                              "location": "District A",
-                              "parent_id": null,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          75%
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 1,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 2,
-                                "location": "District B",
-                                "parent_id": null,
-                                "spray_coverage": "75%",
-                                "spray_effectiveness": "85%",
-                              },
-                              "_subRows": undefined,
-                              "_viewIndex": 1,
-                              "id": 2,
-                              "location": "District B",
-                              "parent_id": null,
-                              "spray_coverage": "75%",
-                              "spray_effectiveness": "85%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          85%
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="2"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-odd"
+                  >
+                    <div
+                      className="rt-tr -odd"
+                      role="row"
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 2,
-                              "_nestingLevel": 0,
-                              "_original": Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <Component
+                            classes={
+                              Array [
+                                undefined,
+                                "",
+                                undefined,
+                              ]
+                            }
+                            column={
+                              Object {
+                                "Aggregated": undefined,
+                                "Cell": [Function],
+                                "Expander": undefined,
+                                "Filter": undefined,
+                                "Footer": undefined,
+                                "Header": "id",
+                                "Pivot": undefined,
+                                "PivotValue": undefined,
+                                "Placeholder": undefined,
+                                "accessor": [Function],
+                                "aggregate": undefined,
+                                "className": "",
+                                "filterAll": false,
+                                "filterMethod": undefined,
+                                "filterable": undefined,
+                                "footerClassName": "",
+                                "footerStyle": Object {},
+                                "getFooterProps": [Function],
+                                "getHeaderProps": [Function],
+                                "getProps": [Function],
+                                "headerClassName": "",
+                                "headerStyle": Object {},
+                                "id": "id",
+                                "minResizeWidth": 11,
+                                "minWidth": 100,
+                                "resizable": undefined,
+                                "show": true,
+                                "sortMethod": undefined,
+                                "sortable": undefined,
+                                "style": Object {},
+                              }
+                            }
+                            columnProps={
+                              Object {
+                                "className": undefined,
+                                "rest": Object {},
+                                "style": undefined,
+                              }
+                            }
+                            index={2}
+                            level={0}
+                            nestingPath={
+                              Array [
+                                2,
+                              ]
+                            }
+                            original={
+                              Object {
                                 "id": 3,
                                 "location": "District C",
                                 "parent_id": null,
                                 "spray_coverage": "90%",
                                 "spray_effectiveness": "90%",
-                              },
-                              "_subRows": undefined,
-                              "_viewIndex": 2,
-                              "id": 3,
-                              "location": "District C",
-                              "parent_id": null,
-                              "spray_coverage": "90%",
-                              "spray_effectiveness": "90%",
-                            },
-                            Object {
-                              "_index": 3,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 18,
-                                "location": "District D",
-                                "parent_id": null,
-                                "spray_coverage": "0%",
-                                "spray_effectiveness": "0%",
-                              },
-                              "_subRows": undefined,
-                              "_viewIndex": 3,
-                              "id": 18,
-                              "location": "District D",
-                              "parent_id": null,
-                              "spray_coverage": "0%",
-                              "spray_effectiveness": "0%",
-                            },
-                          ],
-                          "pageSize": 20,
-                          "pageSizeOptions": Array [
-                            5,
-                            10,
-                            20,
-                            25,
-                            50,
-                            100,
-                          ],
-                          "pageText": "Page",
-                          "pages": 1,
-                          "parentIdentifierField": "parent_id",
-                          "pivotDefaults": Object {},
-                          "pivotIDKey": "_pivotID",
-                          "pivotValKey": "_pivotVal",
-                          "previousText": "Previous",
-                          "resizable": true,
-                          "resized": Array [],
-                          "resolveData": [Function],
-                          "resolvedData": Array [
-                            Object {
-                              "_index": 0,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 1,
-                                "location": "District A",
-                                "parent_id": null,
-                                "spray_coverage": "80%",
-                                "spray_effectiveness": "80%",
-                              },
-                              "_subRows": undefined,
-                              "id": 1,
-                              "location": "District A",
-                              "parent_id": null,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
-                            Object {
-                              "_index": 1,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 2,
-                                "location": "District B",
-                                "parent_id": null,
-                                "spray_coverage": "75%",
-                                "spray_effectiveness": "85%",
-                              },
-                              "_subRows": undefined,
-                              "id": 2,
-                              "location": "District B",
-                              "parent_id": null,
-                              "spray_coverage": "75%",
-                              "spray_effectiveness": "85%",
-                            },
-                            Object {
-                              "_index": 2,
-                              "_nestingLevel": 0,
-                              "_original": Object {
+                              }
+                            }
+                            page={0}
+                            pageSize={20}
+                            resized={Array []}
+                            row={
+                              Object {
+                                "_index": 2,
+                                "_nestingLevel": 0,
+                                "_original": Object {
+                                  "id": 3,
+                                  "location": "District C",
+                                  "parent_id": null,
+                                  "spray_coverage": "90%",
+                                  "spray_effectiveness": "90%",
+                                },
+                                "_subRows": undefined,
+                                "_viewIndex": 2,
                                 "id": 3,
                                 "location": "District C",
                                 "parent_id": null,
                                 "spray_coverage": "90%",
                                 "spray_effectiveness": "90%",
-                              },
-                              "_subRows": undefined,
-                              "id": 3,
-                              "location": "District C",
-                              "parent_id": null,
-                              "spray_coverage": "90%",
-                              "spray_effectiveness": "90%",
-                            },
-                            Object {
-                              "_index": 3,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 18,
-                                "location": "District D",
-                                "parent_id": null,
-                                "spray_coverage": "0%",
-                                "spray_effectiveness": "0%",
-                              },
-                              "_subRows": undefined,
-                              "id": 18,
-                              "location": "District D",
-                              "parent_id": null,
-                              "spray_coverage": "0%",
-                              "spray_effectiveness": "0%",
-                            },
-                          ],
-                          "rootParentId": null,
-                          "rowMinWidth": 500,
-                          "rowsSelectorText": "rows per page",
-                          "rowsText": "rows",
-                          "showPageJump": true,
-                          "showPageSizeOptions": true,
-                          "showPagination": true,
-                          "showPaginationBottom": true,
-                          "showPaginationTop": false,
-                          "skipNextSort": false,
-                          "sortable": true,
-                          "sorted": Array [],
-                          "sortedData": Array [
-                            Object {
-                              "_index": 0,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 1,
-                                "location": "District A",
-                                "parent_id": null,
-                                "spray_coverage": "80%",
-                                "spray_effectiveness": "80%",
-                              },
-                              "_subRows": undefined,
-                              "id": 1,
-                              "location": "District A",
-                              "parent_id": null,
-                              "spray_coverage": "80%",
-                              "spray_effectiveness": "80%",
-                            },
+                              }
+                            }
+                            show={true}
+                            styles={Object {}}
+                            tdProps={
+                              Object {
+                                "className": undefined,
+                                "rest": Object {},
+                                "style": undefined,
+                              }
+                            }
+                            value={3}
+                            viewIndex={2}
+                            width={100}
+                          >
+                            <DropDownCell
+                              cellValue={3}
+                              hasChildren={true}
+                            >
+                              <div
+                                className="dd-linker-item dd-clickable"
+                              >
+                                <span>
+                                  3
+                                  <span
+                                    className="dd-caret"
+                                  >
+                                     ▼
+                                  </span>
+                                </span>
+                              </div>
+                            </DropDownCell>
+                          </Component>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 1,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 2,
-                                "location": "District B",
-                                "parent_id": null,
-                                "spray_coverage": "75%",
-                                "spray_effectiveness": "85%",
-                              },
-                              "_subRows": undefined,
-                              "id": 2,
-                              "location": "District B",
-                              "parent_id": null,
-                              "spray_coverage": "75%",
-                              "spray_effectiveness": "85%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          District C
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 2,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 3,
-                                "location": "District C",
-                                "parent_id": null,
-                                "spray_coverage": "90%",
-                                "spray_effectiveness": "90%",
-                              },
-                              "_subRows": undefined,
-                              "id": 3,
-                              "location": "District C",
-                              "parent_id": null,
-                              "spray_coverage": "90%",
-                              "spray_effectiveness": "90%",
-                            },
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        />
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
                             Object {
-                              "_index": 3,
-                              "_nestingLevel": 0,
-                              "_original": Object {
-                                "id": 18,
-                                "location": "District D",
-                                "parent_id": null,
-                                "spray_coverage": "0%",
-                                "spray_effectiveness": "0%",
-                              },
-                              "_subRows": undefined,
-                              "id": 18,
-                              "location": "District D",
-                              "parent_id": null,
-                              "spray_coverage": "0%",
-                              "spray_effectiveness": "0%",
-                            },
-                          ],
-                          "startRow": 0,
-                          "style": Object {},
-                          "subRowsKey": "_subRows",
-                          "useDrillDownTrProps": true,
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          90%
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
                         }
-                      }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          90%
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="3"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-even"
+                  >
+                    <div
+                      className="rt-tr -even"
+                      role="row"
                     >
                       <TdComponent
                         className=""
@@ -98862,22 +114705,18 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
                             viewIndex={3}
                             width={100}
                           >
-                            <NewCell
-                              caret={
-                                <span>
-                                  +
-                                </span>
-                              }
+                            <DropDownCell
                               cellValue={18}
                               hasChildren={false}
-                              urlPath="http://example.com"
                             >
-                              <div>
+                              <div
+                                className="dd-linker-item"
+                              >
                                 <span>
                                   18
                                 </span>
                               </div>
-                            </NewCell>
+                            </DropDownCell>
                           </Component>
                         </div>
                       </TdComponent>
@@ -102101,14 +117940,6 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
               "width": 35,
             }
           }
-          extraCellProps={
-            Object {
-              "caret": <span>
-                +
-              </span>,
-              "urlPath": "http://example.com",
-            }
-          }
           filterable={false}
           filtered={Array []}
           freezeWhenExpanded={false}
@@ -102136,6 +117967,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
           getTrGroupProps={[Function]}
           getTrProps={[Function]}
           groupedByPivotKey="_groupedByPivot"
+          hasChildren={[Function]}
           hasHeaderGroups={false}
           headerGroups={Array []}
           identifierField="id"
@@ -102336,7 +118168,7 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
             ]
           }
           subRowsKey="_subRows"
-          useDrillDownTrProps={true}
+          useDrillDownTrProps={false}
         >
           <div
             className="-pagination"
@@ -102473,25 +118305,11 @@ exports[`DrillDownTable works fine with extraCellProps 1`] = `
 </DrillDownTable>
 `;
 
-exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
+exports[`DrillDownTable works with custom hasChildren callback 1`] = `
 <DrillDownTable
   CellComponent={[Function]}
   data={
     Array [
-      Object {
-        "id": 1,
-        "location": "District A",
-        "parent_id": null,
-        "spray_coverage": "80%",
-        "spray_effectiveness": "80%",
-      },
-      Object {
-        "id": 4,
-        "location": "HFC 1",
-        "parent_id": 1,
-        "spray_coverage": "80%",
-        "spray_effectiveness": "80%",
-      },
       Object {
         "id": 9,
         "location": "Operational Area 9",
@@ -102513,118 +118331,14 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
         "spray_coverage": "100%",
         "spray_effectiveness": "100%",
       },
-      Object {
-        "id": 5,
-        "location": "HFC 2",
-        "parent_id": 1,
-        "spray_coverage": "80%",
-        "spray_effectiveness": "80%",
-      },
-      Object {
-        "id": 12,
-        "location": "Operational Area 12",
-        "parent_id": 5,
-        "spray_coverage": "86%",
-        "spray_effectiveness": "100%",
-      },
-      Object {
-        "id": 2,
-        "location": "District B",
-        "parent_id": null,
-        "spray_coverage": "75%",
-        "spray_effectiveness": "85%",
-      },
-      Object {
-        "id": 6,
-        "location": "HFC 3",
-        "parent_id": 2,
-        "spray_coverage": "80%",
-        "spray_effectiveness": "80%",
-      },
-      Object {
-        "id": 17,
-        "location": "HFC 17",
-        "parent_id": 2,
-        "spray_coverage": "0%",
-        "spray_effectiveness": "0%",
-      },
-      Object {
-        "id": 13,
-        "location": "Operational Area 13",
-        "parent_id": 6,
-        "spray_coverage": "86%",
-        "spray_effectiveness": "100%",
-      },
-      Object {
-        "id": 14,
-        "location": "Operational Area 14",
-        "parent_id": 6,
-        "spray_coverage": "86%",
-        "spray_effectiveness": "90%",
-      },
-      Object {
-        "id": 17,
-        "location": "Operational Area 17",
-        "parent_id": 6,
-        "spray_coverage": "86%",
-        "spray_effectiveness": "78%",
-      },
-      Object {
-        "id": 18,
-        "location": "Operational Area 18",
-        "parent_id": 6,
-        "spray_coverage": "80%",
-        "spray_effectiveness": "100%",
-      },
-      Object {
-        "id": 3,
-        "location": "District C",
-        "parent_id": null,
-        "spray_coverage": "90%",
-        "spray_effectiveness": "90%",
-      },
-      Object {
-        "id": 7,
-        "location": "HFC 4",
-        "parent_id": 3,
-        "spray_coverage": "80%",
-        "spray_effectiveness": "80%",
-      },
-      Object {
-        "id": 15,
-        "location": "Operational Area 15",
-        "parent_id": 7,
-        "spray_coverage": "80%",
-        "spray_effectiveness": "100%",
-      },
-      Object {
-        "id": 8,
-        "location": "HFC 5",
-        "parent_id": 3,
-        "spray_coverage": "80%",
-        "spray_effectiveness": "80%",
-      },
-      Object {
-        "id": 16,
-        "location": "Operational Area 16",
-        "parent_id": 8,
-        "spray_coverage": "80%",
-        "spray_effectiveness": "100%",
-      },
-      Object {
-        "id": 18,
-        "location": "District D",
-        "parent_id": null,
-        "spray_coverage": "0%",
-        "spray_effectiveness": "0%",
-      },
     ]
   }
+  hasChildren={[Function]}
   identifierField="id"
   linkerField="id"
   parentIdentifierField="parent_id"
   rootParentId={null}
-  useDrillDownTrProps={false}
+  useDrillDownTrProps={true}
 >
   <ReactTable
     AggregatedComponent={[Function]}
@@ -102710,32 +118424,25 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
     data={
       Array [
         Object {
-          "id": 1,
-          "location": "District A",
-          "parent_id": null,
-          "spray_coverage": "80%",
-          "spray_effectiveness": "80%",
-        },
-        Object {
-          "id": 2,
-          "location": "District B",
-          "parent_id": null,
-          "spray_coverage": "75%",
-          "spray_effectiveness": "85%",
+          "id": 9,
+          "location": "Operational Area 9",
+          "parent_id": 4,
+          "spray_coverage": "70%",
+          "spray_effectiveness": "90%",
         },
         Object {
-          "id": 3,
-          "location": "District C",
-          "parent_id": null,
-          "spray_coverage": "90%",
-          "spray_effectiveness": "90%",
+          "id": 10,
+          "location": "Operational Area 10",
+          "parent_id": 4,
+          "spray_coverage": "80%",
+          "spray_effectiveness": "100%",
         },
         Object {
-          "id": 18,
-          "location": "District D",
-          "parent_id": null,
-          "spray_coverage": "0%",
-          "spray_effectiveness": "0%",
+          "id": 11,
+          "location": "Operational Area 11",
+          "parent_id": 4,
+          "spray_coverage": "100%",
+          "spray_effectiveness": "100%",
         },
       ]
     }
@@ -102781,6 +118488,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
     getTrGroupProps={[Function]}
     getTrProps={[Function]}
     groupedByPivotKey="_groupedByPivot"
+    hasChildren={[Function]}
     identifierField="id"
     indexKey="_index"
     linkerField="id"
@@ -102823,7 +118531,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
     sortable={true}
     style={Object {}}
     subRowsKey="_subRows"
-    useDrillDownTrProps={false}
+    useDrillDownTrProps={true}
   >
     <div
       className="ReactTable"
@@ -102866,229 +118574,3606 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                         "maxWidth": null,
                         "width": "100px",
                       }
-                    }
-                    toggleSort={[Function]}
-                  >
-                    <div
-                      className="rt-th rt-resizable-header -cursor-pointer"
-                      onClick={[Function]}
-                      role="columnheader"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
+                    }
+                    toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-th rt-resizable-header -cursor-pointer"
+                      onClick={[Function]}
+                      role="columnheader"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="rt-resizable-header-content"
+                      >
+                        id
+                      </div>
+                      <Resizer
+                        onMouseDown={[Function]}
+                        onTouchStart={[Function]}
+                      >
+                        <div
+                          className="rt-resizer"
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                        />
+                      </Resizer>
+                    </div>
+                  </ThComponent>
+                  <ThComponent
+                    className="rt-resizable-header -cursor-pointer"
+                    key="1-location"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                    toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-th rt-resizable-header -cursor-pointer"
+                      onClick={[Function]}
+                      role="columnheader"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="rt-resizable-header-content"
+                      >
+                        location
+                      </div>
+                      <Resizer
+                        onMouseDown={[Function]}
+                        onTouchStart={[Function]}
+                      >
+                        <div
+                          className="rt-resizer"
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                        />
+                      </Resizer>
+                    </div>
+                  </ThComponent>
+                  <ThComponent
+                    className="rt-resizable-header -cursor-pointer"
+                    key="2-parent_id"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                    toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-th rt-resizable-header -cursor-pointer"
+                      onClick={[Function]}
+                      role="columnheader"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="rt-resizable-header-content"
+                      >
+                        parent_id
+                      </div>
+                      <Resizer
+                        onMouseDown={[Function]}
+                        onTouchStart={[Function]}
+                      >
+                        <div
+                          className="rt-resizer"
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                        />
+                      </Resizer>
+                    </div>
+                  </ThComponent>
+                  <ThComponent
+                    className="rt-resizable-header -cursor-pointer"
+                    key="3-spray_coverage"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                    toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-th rt-resizable-header -cursor-pointer"
+                      onClick={[Function]}
+                      role="columnheader"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="rt-resizable-header-content"
+                      >
+                        spray_coverage
+                      </div>
+                      <Resizer
+                        onMouseDown={[Function]}
+                        onTouchStart={[Function]}
+                      >
+                        <div
+                          className="rt-resizer"
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                        />
+                      </Resizer>
+                    </div>
+                  </ThComponent>
+                  <ThComponent
+                    className="rt-resizable-header -cursor-pointer"
+                    key="4-spray_effectiveness"
+                    style={
+                      Object {
+                        "flex": "100 0 auto",
+                        "maxWidth": null,
+                        "width": "100px",
+                      }
+                    }
+                    toggleSort={[Function]}
+                  >
+                    <div
+                      className="rt-th rt-resizable-header -cursor-pointer"
+                      onClick={[Function]}
+                      role="columnheader"
+                      style={
+                        Object {
+                          "flex": "100 0 auto",
+                          "maxWidth": null,
+                          "width": "100px",
+                        }
+                      }
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="rt-resizable-header-content"
+                      >
+                        spray_effectiveness
+                      </div>
+                      <Resizer
+                        onMouseDown={[Function]}
+                        onTouchStart={[Function]}
+                      >
+                        <div
+                          className="rt-resizer"
+                          onMouseDown={[Function]}
+                          onTouchStart={[Function]}
+                        />
+                      </Resizer>
+                    </div>
+                  </ThComponent>
+                </div>
+              </TrComponent>
+            </div>
+          </Thead>
+          <Tbody
+            className=""
+            style={
+              Object {
+                "minWidth": "500px",
+              }
+            }
+          >
+            <div
+              className="rt-tbody"
+              style={
+                Object {
+                  "minWidth": "500px",
+                }
+              }
+            >
+              <TrGroupComponent
+                key="0"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-odd"
+                    onClick={[Function]}
+                    row={
+                      Object {
+                        "AggregatedComponent": [Function],
+                        "CellComponent": [Function],
+                        "ExpanderComponent": [Function],
+                        "FilterComponent": [Function],
+                        "LoadingComponent": [Function],
+                        "NoDataComponent": [Function],
+                        "PadRowComponent": [Function],
+                        "PaginationComponent": [Function],
+                        "PivotValueComponent": [Function],
+                        "ResizerComponent": [Function],
+                        "TableComponent": [Function],
+                        "TbodyComponent": [Function],
+                        "TdComponent": [Function],
+                        "TfootComponent": [Function],
+                        "ThComponent": [Function],
+                        "TheadComponent": [Function],
+                        "TrComponent": [Function],
+                        "TrGroupComponent": [Function],
+                        "aggregatedKey": "_aggregated",
+                        "allDecoratedColumns": Array [
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": [Function],
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "location",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "location",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "parent_id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "parent_id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_coverage",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_coverage",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_effectiveness",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_effectiveness",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                        ],
+                        "allVisibleColumns": Array [
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": [Function],
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "location",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "location",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "parent_id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "parent_id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_coverage",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_coverage",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_effectiveness",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_effectiveness",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                        ],
+                        "canNext": false,
+                        "canPrevious": false,
+                        "className": "",
+                        "collapseOnDataChange": true,
+                        "collapseOnPageChange": true,
+                        "collapseOnSortingChange": true,
+                        "column": Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": undefined,
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        "columns": Array [
+                          Object {
+                            "Cell": [Function],
+                            "Header": "id",
+                            "accessor": "id",
+                          },
+                          Object {
+                            "Header": "location",
+                            "accessor": "location",
+                          },
+                          Object {
+                            "Header": "parent_id",
+                            "accessor": "parent_id",
+                          },
+                          Object {
+                            "Header": "spray_coverage",
+                            "accessor": "spray_coverage",
+                          },
+                          Object {
+                            "Header": "spray_effectiveness",
+                            "accessor": "spray_effectiveness",
+                          },
+                        ],
+                        "currentlyResizing": false,
+                        "data": Array [
+                          Object {
+                            "id": 9,
+                            "location": "Operational Area 9",
+                            "parent_id": 4,
+                            "spray_coverage": "70%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "id": 10,
+                            "location": "Operational Area 10",
+                            "parent_id": 4,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "100%",
+                          },
+                          Object {
+                            "id": 11,
+                            "location": "Operational Area 11",
+                            "parent_id": 4,
+                            "spray_coverage": "100%",
+                            "spray_effectiveness": "100%",
+                          },
+                        ],
+                        "defaultExpanded": Object {},
+                        "defaultFilterMethod": [Function],
+                        "defaultFiltered": Array [],
+                        "defaultPage": 0,
+                        "defaultPageSize": 20,
+                        "defaultResized": Array [],
+                        "defaultSortDesc": false,
+                        "defaultSortMethod": [Function],
+                        "defaultSorted": Array [],
+                        "endRow": 20,
+                        "expanded": Object {},
+                        "expanderDefaults": Object {
+                          "filterable": false,
+                          "resizable": false,
+                          "sortable": false,
+                          "width": 35,
+                        },
+                        "filterable": false,
+                        "filtered": Array [],
+                        "freezeWhenExpanded": false,
+                        "frozen": false,
+                        "getLoadingProps": [Function],
+                        "getNoDataProps": [Function],
+                        "getPaginationProps": [Function],
+                        "getProps": [Function],
+                        "getResizerProps": [Function],
+                        "getTableProps": [Function],
+                        "getTbodyProps": [Function],
+                        "getTdProps": [Function],
+                        "getTfootProps": [Function],
+                        "getTfootTdProps": [Function],
+                        "getTfootTrProps": [Function],
+                        "getTheadFilterProps": [Function],
+                        "getTheadFilterThProps": [Function],
+                        "getTheadFilterTrProps": [Function],
+                        "getTheadGroupProps": [Function],
+                        "getTheadGroupThProps": [Function],
+                        "getTheadGroupTrProps": [Function],
+                        "getTheadProps": [Function],
+                        "getTheadThProps": [Function],
+                        "getTheadTrProps": [Function],
+                        "getTrGroupProps": [Function],
+                        "getTrProps": [Function],
+                        "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
+                        "hasColumnFooter": false,
+                        "hasHeaderGroups": false,
+                        "headerGroups": Array [],
+                        "identifierField": "id",
+                        "indexKey": "_index",
+                        "linkerField": "id",
+                        "loading": false,
+                        "loadingText": "Loading...",
+                        "minRows": 20,
+                        "multiSort": true,
+                        "nestingLevelKey": "_nestingLevel",
+                        "nextText": "Next",
+                        "noDataText": "No rows found",
+                        "ofText": "of",
+                        "onFetchData": [Function],
+                        "originalKey": "_original",
+                        "padRows": Array [
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                        ],
+                        "page": 0,
+                        "pageJumpText": "jump to page",
+                        "pageRows": Array [
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 0,
+                            "id": 9,
+                            "location": "Operational Area 9",
+                            "parent_id": 4,
+                            "spray_coverage": "70%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 1,
+                            "id": 10,
+                            "location": "Operational Area 10",
+                            "parent_id": 4,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "100%",
+                          },
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 2,
+                            "id": 11,
+                            "location": "Operational Area 11",
+                            "parent_id": 4,
+                            "spray_coverage": "100%",
+                            "spray_effectiveness": "100%",
+                          },
+                        ],
+                        "pageSize": 20,
+                        "pageSizeOptions": Array [
+                          5,
+                          10,
+                          20,
+                          25,
+                          50,
+                          100,
+                        ],
+                        "pageText": "Page",
+                        "pages": 1,
+                        "parentIdentifierField": "parent_id",
+                        "pivotDefaults": Object {},
+                        "pivotIDKey": "_pivotID",
+                        "pivotValKey": "_pivotVal",
+                        "previousText": "Previous",
+                        "resizable": true,
+                        "resized": Array [],
+                        "resolveData": [Function],
+                        "resolvedData": Array [
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "id": 9,
+                            "location": "Operational Area 9",
+                            "parent_id": 4,
+                            "spray_coverage": "70%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "id": 10,
+                            "location": "Operational Area 10",
+                            "parent_id": 4,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "100%",
+                          },
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "id": 11,
+                            "location": "Operational Area 11",
+                            "parent_id": 4,
+                            "spray_coverage": "100%",
+                            "spray_effectiveness": "100%",
+                          },
+                        ],
+                        "rootParentId": null,
+                        "rowMinWidth": 500,
+                        "rowsSelectorText": "rows per page",
+                        "rowsText": "rows",
+                        "showPageJump": true,
+                        "showPageSizeOptions": true,
+                        "showPagination": true,
+                        "showPaginationBottom": true,
+                        "showPaginationTop": false,
+                        "skipNextSort": false,
+                        "sortable": true,
+                        "sorted": Array [],
+                        "sortedData": Array [
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "id": 9,
+                            "location": "Operational Area 9",
+                            "parent_id": 4,
+                            "spray_coverage": "70%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "id": 10,
+                            "location": "Operational Area 10",
+                            "parent_id": 4,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "100%",
+                          },
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "id": 11,
+                            "location": "Operational Area 11",
+                            "parent_id": 4,
+                            "spray_coverage": "100%",
+                            "spray_effectiveness": "100%",
+                          },
+                        ],
+                        "startRow": 0,
+                        "style": Object {},
+                        "subRowsKey": "_subRows",
+                        "useDrillDownTrProps": true,
+                      }
+                    }
+                  >
+                    <div
+                      className="rt-tr -odd"
+                      onClick={[Function]}
+                      role="row"
+                      row={
+                        Object {
+                          "AggregatedComponent": [Function],
+                          "CellComponent": [Function],
+                          "ExpanderComponent": [Function],
+                          "FilterComponent": [Function],
+                          "LoadingComponent": [Function],
+                          "NoDataComponent": [Function],
+                          "PadRowComponent": [Function],
+                          "PaginationComponent": [Function],
+                          "PivotValueComponent": [Function],
+                          "ResizerComponent": [Function],
+                          "TableComponent": [Function],
+                          "TbodyComponent": [Function],
+                          "TdComponent": [Function],
+                          "TfootComponent": [Function],
+                          "ThComponent": [Function],
+                          "TheadComponent": [Function],
+                          "TrComponent": [Function],
+                          "TrGroupComponent": [Function],
+                          "aggregatedKey": "_aggregated",
+                          "allDecoratedColumns": Array [
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": [Function],
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "location",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "location",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "parent_id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "parent_id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_coverage",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_coverage",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_effectiveness",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_effectiveness",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                          ],
+                          "allVisibleColumns": Array [
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": [Function],
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "location",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "location",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "parent_id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "parent_id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_coverage",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_coverage",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_effectiveness",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_effectiveness",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                          ],
+                          "canNext": false,
+                          "canPrevious": false,
+                          "className": "",
+                          "collapseOnDataChange": true,
+                          "collapseOnPageChange": true,
+                          "collapseOnSortingChange": true,
+                          "column": Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": undefined,
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          "columns": Array [
+                            Object {
+                              "Cell": [Function],
+                              "Header": "id",
+                              "accessor": "id",
+                            },
+                            Object {
+                              "Header": "location",
+                              "accessor": "location",
+                            },
+                            Object {
+                              "Header": "parent_id",
+                              "accessor": "parent_id",
+                            },
+                            Object {
+                              "Header": "spray_coverage",
+                              "accessor": "spray_coverage",
+                            },
+                            Object {
+                              "Header": "spray_effectiveness",
+                              "accessor": "spray_effectiveness",
+                            },
+                          ],
+                          "currentlyResizing": false,
+                          "data": Array [
+                            Object {
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            Object {
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                          ],
+                          "defaultExpanded": Object {},
+                          "defaultFilterMethod": [Function],
+                          "defaultFiltered": Array [],
+                          "defaultPage": 0,
+                          "defaultPageSize": 20,
+                          "defaultResized": Array [],
+                          "defaultSortDesc": false,
+                          "defaultSortMethod": [Function],
+                          "defaultSorted": Array [],
+                          "endRow": 20,
+                          "expanded": Object {},
+                          "expanderDefaults": Object {
+                            "filterable": false,
+                            "resizable": false,
+                            "sortable": false,
+                            "width": 35,
+                          },
+                          "filterable": false,
+                          "filtered": Array [],
+                          "freezeWhenExpanded": false,
+                          "frozen": false,
+                          "getLoadingProps": [Function],
+                          "getNoDataProps": [Function],
+                          "getPaginationProps": [Function],
+                          "getProps": [Function],
+                          "getResizerProps": [Function],
+                          "getTableProps": [Function],
+                          "getTbodyProps": [Function],
+                          "getTdProps": [Function],
+                          "getTfootProps": [Function],
+                          "getTfootTdProps": [Function],
+                          "getTfootTrProps": [Function],
+                          "getTheadFilterProps": [Function],
+                          "getTheadFilterThProps": [Function],
+                          "getTheadFilterTrProps": [Function],
+                          "getTheadGroupProps": [Function],
+                          "getTheadGroupThProps": [Function],
+                          "getTheadGroupTrProps": [Function],
+                          "getTheadProps": [Function],
+                          "getTheadThProps": [Function],
+                          "getTheadTrProps": [Function],
+                          "getTrGroupProps": [Function],
+                          "getTrProps": [Function],
+                          "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
+                          "hasColumnFooter": false,
+                          "hasHeaderGroups": false,
+                          "headerGroups": Array [],
+                          "identifierField": "id",
+                          "indexKey": "_index",
+                          "linkerField": "id",
+                          "loading": false,
+                          "loadingText": "Loading...",
+                          "minRows": 20,
+                          "multiSort": true,
+                          "nestingLevelKey": "_nestingLevel",
+                          "nextText": "Next",
+                          "noDataText": "No rows found",
+                          "ofText": "of",
+                          "onFetchData": [Function],
+                          "originalKey": "_original",
+                          "padRows": Array [
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                          ],
+                          "page": 0,
+                          "pageJumpText": "jump to page",
+                          "pageRows": Array [
+                            Object {
+                              "_index": 0,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 9,
+                                "location": "Operational Area 9",
+                                "parent_id": 4,
+                                "spray_coverage": "70%",
+                                "spray_effectiveness": "90%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 0,
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "_index": 1,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 10,
+                                "location": "Operational Area 10",
+                                "parent_id": 4,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 1,
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            Object {
+                              "_index": 2,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 11,
+                                "location": "Operational Area 11",
+                                "parent_id": 4,
+                                "spray_coverage": "100%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 2,
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                          ],
+                          "pageSize": 20,
+                          "pageSizeOptions": Array [
+                            5,
+                            10,
+                            20,
+                            25,
+                            50,
+                            100,
+                          ],
+                          "pageText": "Page",
+                          "pages": 1,
+                          "parentIdentifierField": "parent_id",
+                          "pivotDefaults": Object {},
+                          "pivotIDKey": "_pivotID",
+                          "pivotValKey": "_pivotVal",
+                          "previousText": "Previous",
+                          "resizable": true,
+                          "resized": Array [],
+                          "resolveData": [Function],
+                          "resolvedData": Array [
+                            Object {
+                              "_index": 0,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 9,
+                                "location": "Operational Area 9",
+                                "parent_id": 4,
+                                "spray_coverage": "70%",
+                                "spray_effectiveness": "90%",
+                              },
+                              "_subRows": undefined,
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "_index": 1,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 10,
+                                "location": "Operational Area 10",
+                                "parent_id": 4,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            Object {
+                              "_index": 2,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 11,
+                                "location": "Operational Area 11",
+                                "parent_id": 4,
+                                "spray_coverage": "100%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                          ],
+                          "rootParentId": null,
+                          "rowMinWidth": 500,
+                          "rowsSelectorText": "rows per page",
+                          "rowsText": "rows",
+                          "showPageJump": true,
+                          "showPageSizeOptions": true,
+                          "showPagination": true,
+                          "showPaginationBottom": true,
+                          "showPaginationTop": false,
+                          "skipNextSort": false,
+                          "sortable": true,
+                          "sorted": Array [],
+                          "sortedData": Array [
+                            Object {
+                              "_index": 0,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 9,
+                                "location": "Operational Area 9",
+                                "parent_id": 4,
+                                "spray_coverage": "70%",
+                                "spray_effectiveness": "90%",
+                              },
+                              "_subRows": undefined,
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "_index": 1,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 10,
+                                "location": "Operational Area 10",
+                                "parent_id": 4,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            Object {
+                              "_index": 2,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 11,
+                                "location": "Operational Area 11",
+                                "parent_id": 4,
+                                "spray_coverage": "100%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                          ],
+                          "startRow": 0,
+                          "style": Object {},
+                          "subRowsKey": "_subRows",
+                          "useDrillDownTrProps": true,
+                        }
+                      }
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <Component
+                            classes={
+                              Array [
+                                undefined,
+                                "",
+                                undefined,
+                              ]
+                            }
+                            column={
+                              Object {
+                                "Aggregated": undefined,
+                                "Cell": [Function],
+                                "Expander": undefined,
+                                "Filter": undefined,
+                                "Footer": undefined,
+                                "Header": "id",
+                                "Pivot": undefined,
+                                "PivotValue": undefined,
+                                "Placeholder": undefined,
+                                "accessor": [Function],
+                                "aggregate": undefined,
+                                "className": "",
+                                "filterAll": false,
+                                "filterMethod": undefined,
+                                "filterable": undefined,
+                                "footerClassName": "",
+                                "footerStyle": Object {},
+                                "getFooterProps": [Function],
+                                "getHeaderProps": [Function],
+                                "getProps": [Function],
+                                "headerClassName": "",
+                                "headerStyle": Object {},
+                                "id": "id",
+                                "minResizeWidth": 11,
+                                "minWidth": 100,
+                                "resizable": undefined,
+                                "show": true,
+                                "sortMethod": undefined,
+                                "sortable": undefined,
+                                "style": Object {},
+                              }
+                            }
+                            columnProps={
+                              Object {
+                                "className": undefined,
+                                "rest": Object {},
+                                "style": undefined,
+                              }
+                            }
+                            index={0}
+                            level={0}
+                            nestingPath={
+                              Array [
+                                0,
+                              ]
+                            }
+                            original={
+                              Object {
+                                "id": 9,
+                                "location": "Operational Area 9",
+                                "parent_id": 4,
+                                "spray_coverage": "70%",
+                                "spray_effectiveness": "90%",
+                              }
+                            }
+                            page={0}
+                            pageSize={20}
+                            resized={Array []}
+                            row={
+                              Object {
+                                "_index": 0,
+                                "_nestingLevel": 0,
+                                "_original": Object {
+                                  "id": 9,
+                                  "location": "Operational Area 9",
+                                  "parent_id": 4,
+                                  "spray_coverage": "70%",
+                                  "spray_effectiveness": "90%",
+                                },
+                                "_subRows": undefined,
+                                "_viewIndex": 0,
+                                "id": 9,
+                                "location": "Operational Area 9",
+                                "parent_id": 4,
+                                "spray_coverage": "70%",
+                                "spray_effectiveness": "90%",
+                              }
+                            }
+                            show={true}
+                            styles={Object {}}
+                            tdProps={
+                              Object {
+                                "className": undefined,
+                                "rest": Object {},
+                                "style": undefined,
+                              }
+                            }
+                            value={9}
+                            viewIndex={0}
+                            width={100}
+                          >
+                            <DropDownCell
+                              cellValue={9}
+                              hasChildren={false}
+                            >
+                              <div
+                                className="dd-linker-item"
+                              >
+                                <span>
+                                  9
+                                </span>
+                              </div>
+                            </DropDownCell>
+                          </Component>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          Operational Area 9
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          4
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
                         }
-                      }
-                      tabIndex="-1"
-                    >
-                      <div
-                        className="rt-resizable-header-content"
-                      >
-                        id
-                      </div>
-                      <Resizer
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
                       >
                         <div
-                          className="rt-resizer"
-                          onMouseDown={[Function]}
-                          onTouchStart={[Function]}
-                        />
-                      </Resizer>
-                    </div>
-                  </ThComponent>
-                  <ThComponent
-                    className="rt-resizable-header -cursor-pointer"
-                    key="1-location"
-                    style={
-                      Object {
-                        "flex": "100 0 auto",
-                        "maxWidth": null,
-                        "width": "100px",
-                      }
-                    }
-                    toggleSort={[Function]}
-                  >
-                    <div
-                      className="rt-th rt-resizable-header -cursor-pointer"
-                      onClick={[Function]}
-                      role="columnheader"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          70%
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
                         }
-                      }
-                      tabIndex="-1"
-                    >
-                      <div
-                        className="rt-resizable-header-content"
-                      >
-                        location
-                      </div>
-                      <Resizer
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
                       >
                         <div
-                          className="rt-resizer"
-                          onMouseDown={[Function]}
-                          onTouchStart={[Function]}
-                        />
-                      </Resizer>
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          90%
+                        </div>
+                      </TdComponent>
                     </div>
-                  </ThComponent>
-                  <ThComponent
-                    className="rt-resizable-header -cursor-pointer"
-                    key="2-parent_id"
-                    style={
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="1"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-even"
+                    onClick={[Function]}
+                    row={
                       Object {
-                        "flex": "100 0 auto",
-                        "maxWidth": null,
-                        "width": "100px",
+                        "AggregatedComponent": [Function],
+                        "CellComponent": [Function],
+                        "ExpanderComponent": [Function],
+                        "FilterComponent": [Function],
+                        "LoadingComponent": [Function],
+                        "NoDataComponent": [Function],
+                        "PadRowComponent": [Function],
+                        "PaginationComponent": [Function],
+                        "PivotValueComponent": [Function],
+                        "ResizerComponent": [Function],
+                        "TableComponent": [Function],
+                        "TbodyComponent": [Function],
+                        "TdComponent": [Function],
+                        "TfootComponent": [Function],
+                        "ThComponent": [Function],
+                        "TheadComponent": [Function],
+                        "TrComponent": [Function],
+                        "TrGroupComponent": [Function],
+                        "aggregatedKey": "_aggregated",
+                        "allDecoratedColumns": Array [
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": [Function],
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "location",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "location",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "parent_id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "parent_id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_coverage",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_coverage",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_effectiveness",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_effectiveness",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                        ],
+                        "allVisibleColumns": Array [
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": [Function],
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "location",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "location",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "parent_id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "parent_id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_coverage",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_coverage",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_effectiveness",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_effectiveness",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                        ],
+                        "canNext": false,
+                        "canPrevious": false,
+                        "className": "",
+                        "collapseOnDataChange": true,
+                        "collapseOnPageChange": true,
+                        "collapseOnSortingChange": true,
+                        "column": Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": undefined,
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        "columns": Array [
+                          Object {
+                            "Cell": [Function],
+                            "Header": "id",
+                            "accessor": "id",
+                          },
+                          Object {
+                            "Header": "location",
+                            "accessor": "location",
+                          },
+                          Object {
+                            "Header": "parent_id",
+                            "accessor": "parent_id",
+                          },
+                          Object {
+                            "Header": "spray_coverage",
+                            "accessor": "spray_coverage",
+                          },
+                          Object {
+                            "Header": "spray_effectiveness",
+                            "accessor": "spray_effectiveness",
+                          },
+                        ],
+                        "currentlyResizing": false,
+                        "data": Array [
+                          Object {
+                            "id": 9,
+                            "location": "Operational Area 9",
+                            "parent_id": 4,
+                            "spray_coverage": "70%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "id": 10,
+                            "location": "Operational Area 10",
+                            "parent_id": 4,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "100%",
+                          },
+                          Object {
+                            "id": 11,
+                            "location": "Operational Area 11",
+                            "parent_id": 4,
+                            "spray_coverage": "100%",
+                            "spray_effectiveness": "100%",
+                          },
+                        ],
+                        "defaultExpanded": Object {},
+                        "defaultFilterMethod": [Function],
+                        "defaultFiltered": Array [],
+                        "defaultPage": 0,
+                        "defaultPageSize": 20,
+                        "defaultResized": Array [],
+                        "defaultSortDesc": false,
+                        "defaultSortMethod": [Function],
+                        "defaultSorted": Array [],
+                        "endRow": 20,
+                        "expanded": Object {},
+                        "expanderDefaults": Object {
+                          "filterable": false,
+                          "resizable": false,
+                          "sortable": false,
+                          "width": 35,
+                        },
+                        "filterable": false,
+                        "filtered": Array [],
+                        "freezeWhenExpanded": false,
+                        "frozen": false,
+                        "getLoadingProps": [Function],
+                        "getNoDataProps": [Function],
+                        "getPaginationProps": [Function],
+                        "getProps": [Function],
+                        "getResizerProps": [Function],
+                        "getTableProps": [Function],
+                        "getTbodyProps": [Function],
+                        "getTdProps": [Function],
+                        "getTfootProps": [Function],
+                        "getTfootTdProps": [Function],
+                        "getTfootTrProps": [Function],
+                        "getTheadFilterProps": [Function],
+                        "getTheadFilterThProps": [Function],
+                        "getTheadFilterTrProps": [Function],
+                        "getTheadGroupProps": [Function],
+                        "getTheadGroupThProps": [Function],
+                        "getTheadGroupTrProps": [Function],
+                        "getTheadProps": [Function],
+                        "getTheadThProps": [Function],
+                        "getTheadTrProps": [Function],
+                        "getTrGroupProps": [Function],
+                        "getTrProps": [Function],
+                        "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
+                        "hasColumnFooter": false,
+                        "hasHeaderGroups": false,
+                        "headerGroups": Array [],
+                        "identifierField": "id",
+                        "indexKey": "_index",
+                        "linkerField": "id",
+                        "loading": false,
+                        "loadingText": "Loading...",
+                        "minRows": 20,
+                        "multiSort": true,
+                        "nestingLevelKey": "_nestingLevel",
+                        "nextText": "Next",
+                        "noDataText": "No rows found",
+                        "ofText": "of",
+                        "onFetchData": [Function],
+                        "originalKey": "_original",
+                        "padRows": Array [
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                        ],
+                        "page": 0,
+                        "pageJumpText": "jump to page",
+                        "pageRows": Array [
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 0,
+                            "id": 9,
+                            "location": "Operational Area 9",
+                            "parent_id": 4,
+                            "spray_coverage": "70%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 1,
+                            "id": 10,
+                            "location": "Operational Area 10",
+                            "parent_id": 4,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "100%",
+                          },
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 2,
+                            "id": 11,
+                            "location": "Operational Area 11",
+                            "parent_id": 4,
+                            "spray_coverage": "100%",
+                            "spray_effectiveness": "100%",
+                          },
+                        ],
+                        "pageSize": 20,
+                        "pageSizeOptions": Array [
+                          5,
+                          10,
+                          20,
+                          25,
+                          50,
+                          100,
+                        ],
+                        "pageText": "Page",
+                        "pages": 1,
+                        "parentIdentifierField": "parent_id",
+                        "pivotDefaults": Object {},
+                        "pivotIDKey": "_pivotID",
+                        "pivotValKey": "_pivotVal",
+                        "previousText": "Previous",
+                        "resizable": true,
+                        "resized": Array [],
+                        "resolveData": [Function],
+                        "resolvedData": Array [
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "id": 9,
+                            "location": "Operational Area 9",
+                            "parent_id": 4,
+                            "spray_coverage": "70%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "id": 10,
+                            "location": "Operational Area 10",
+                            "parent_id": 4,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "100%",
+                          },
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "id": 11,
+                            "location": "Operational Area 11",
+                            "parent_id": 4,
+                            "spray_coverage": "100%",
+                            "spray_effectiveness": "100%",
+                          },
+                        ],
+                        "rootParentId": null,
+                        "rowMinWidth": 500,
+                        "rowsSelectorText": "rows per page",
+                        "rowsText": "rows",
+                        "showPageJump": true,
+                        "showPageSizeOptions": true,
+                        "showPagination": true,
+                        "showPaginationBottom": true,
+                        "showPaginationTop": false,
+                        "skipNextSort": false,
+                        "sortable": true,
+                        "sorted": Array [],
+                        "sortedData": Array [
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "id": 9,
+                            "location": "Operational Area 9",
+                            "parent_id": 4,
+                            "spray_coverage": "70%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "id": 10,
+                            "location": "Operational Area 10",
+                            "parent_id": 4,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "100%",
+                          },
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "id": 11,
+                            "location": "Operational Area 11",
+                            "parent_id": 4,
+                            "spray_coverage": "100%",
+                            "spray_effectiveness": "100%",
+                          },
+                        ],
+                        "startRow": 0,
+                        "style": Object {},
+                        "subRowsKey": "_subRows",
+                        "useDrillDownTrProps": true,
                       }
                     }
-                    toggleSort={[Function]}
                   >
                     <div
-                      className="rt-th rt-resizable-header -cursor-pointer"
+                      className="rt-tr -even"
                       onClick={[Function]}
-                      role="columnheader"
-                      style={
+                      role="row"
+                      row={
                         Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
+                          "AggregatedComponent": [Function],
+                          "CellComponent": [Function],
+                          "ExpanderComponent": [Function],
+                          "FilterComponent": [Function],
+                          "LoadingComponent": [Function],
+                          "NoDataComponent": [Function],
+                          "PadRowComponent": [Function],
+                          "PaginationComponent": [Function],
+                          "PivotValueComponent": [Function],
+                          "ResizerComponent": [Function],
+                          "TableComponent": [Function],
+                          "TbodyComponent": [Function],
+                          "TdComponent": [Function],
+                          "TfootComponent": [Function],
+                          "ThComponent": [Function],
+                          "TheadComponent": [Function],
+                          "TrComponent": [Function],
+                          "TrGroupComponent": [Function],
+                          "aggregatedKey": "_aggregated",
+                          "allDecoratedColumns": Array [
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": [Function],
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "location",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "location",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "parent_id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "parent_id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_coverage",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_coverage",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_effectiveness",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_effectiveness",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                          ],
+                          "allVisibleColumns": Array [
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": [Function],
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "location",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "location",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "parent_id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "parent_id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_coverage",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_coverage",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_effectiveness",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_effectiveness",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                          ],
+                          "canNext": false,
+                          "canPrevious": false,
+                          "className": "",
+                          "collapseOnDataChange": true,
+                          "collapseOnPageChange": true,
+                          "collapseOnSortingChange": true,
+                          "column": Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": undefined,
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          "columns": Array [
+                            Object {
+                              "Cell": [Function],
+                              "Header": "id",
+                              "accessor": "id",
+                            },
+                            Object {
+                              "Header": "location",
+                              "accessor": "location",
+                            },
+                            Object {
+                              "Header": "parent_id",
+                              "accessor": "parent_id",
+                            },
+                            Object {
+                              "Header": "spray_coverage",
+                              "accessor": "spray_coverage",
+                            },
+                            Object {
+                              "Header": "spray_effectiveness",
+                              "accessor": "spray_effectiveness",
+                            },
+                          ],
+                          "currentlyResizing": false,
+                          "data": Array [
+                            Object {
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            Object {
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                          ],
+                          "defaultExpanded": Object {},
+                          "defaultFilterMethod": [Function],
+                          "defaultFiltered": Array [],
+                          "defaultPage": 0,
+                          "defaultPageSize": 20,
+                          "defaultResized": Array [],
+                          "defaultSortDesc": false,
+                          "defaultSortMethod": [Function],
+                          "defaultSorted": Array [],
+                          "endRow": 20,
+                          "expanded": Object {},
+                          "expanderDefaults": Object {
+                            "filterable": false,
+                            "resizable": false,
+                            "sortable": false,
+                            "width": 35,
+                          },
+                          "filterable": false,
+                          "filtered": Array [],
+                          "freezeWhenExpanded": false,
+                          "frozen": false,
+                          "getLoadingProps": [Function],
+                          "getNoDataProps": [Function],
+                          "getPaginationProps": [Function],
+                          "getProps": [Function],
+                          "getResizerProps": [Function],
+                          "getTableProps": [Function],
+                          "getTbodyProps": [Function],
+                          "getTdProps": [Function],
+                          "getTfootProps": [Function],
+                          "getTfootTdProps": [Function],
+                          "getTfootTrProps": [Function],
+                          "getTheadFilterProps": [Function],
+                          "getTheadFilterThProps": [Function],
+                          "getTheadFilterTrProps": [Function],
+                          "getTheadGroupProps": [Function],
+                          "getTheadGroupThProps": [Function],
+                          "getTheadGroupTrProps": [Function],
+                          "getTheadProps": [Function],
+                          "getTheadThProps": [Function],
+                          "getTheadTrProps": [Function],
+                          "getTrGroupProps": [Function],
+                          "getTrProps": [Function],
+                          "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
+                          "hasColumnFooter": false,
+                          "hasHeaderGroups": false,
+                          "headerGroups": Array [],
+                          "identifierField": "id",
+                          "indexKey": "_index",
+                          "linkerField": "id",
+                          "loading": false,
+                          "loadingText": "Loading...",
+                          "minRows": 20,
+                          "multiSort": true,
+                          "nestingLevelKey": "_nestingLevel",
+                          "nextText": "Next",
+                          "noDataText": "No rows found",
+                          "ofText": "of",
+                          "onFetchData": [Function],
+                          "originalKey": "_original",
+                          "padRows": Array [
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                          ],
+                          "page": 0,
+                          "pageJumpText": "jump to page",
+                          "pageRows": Array [
+                            Object {
+                              "_index": 0,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 9,
+                                "location": "Operational Area 9",
+                                "parent_id": 4,
+                                "spray_coverage": "70%",
+                                "spray_effectiveness": "90%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 0,
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "_index": 1,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 10,
+                                "location": "Operational Area 10",
+                                "parent_id": 4,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 1,
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            Object {
+                              "_index": 2,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 11,
+                                "location": "Operational Area 11",
+                                "parent_id": 4,
+                                "spray_coverage": "100%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 2,
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                          ],
+                          "pageSize": 20,
+                          "pageSizeOptions": Array [
+                            5,
+                            10,
+                            20,
+                            25,
+                            50,
+                            100,
+                          ],
+                          "pageText": "Page",
+                          "pages": 1,
+                          "parentIdentifierField": "parent_id",
+                          "pivotDefaults": Object {},
+                          "pivotIDKey": "_pivotID",
+                          "pivotValKey": "_pivotVal",
+                          "previousText": "Previous",
+                          "resizable": true,
+                          "resized": Array [],
+                          "resolveData": [Function],
+                          "resolvedData": Array [
+                            Object {
+                              "_index": 0,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 9,
+                                "location": "Operational Area 9",
+                                "parent_id": 4,
+                                "spray_coverage": "70%",
+                                "spray_effectiveness": "90%",
+                              },
+                              "_subRows": undefined,
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "_index": 1,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 10,
+                                "location": "Operational Area 10",
+                                "parent_id": 4,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            Object {
+                              "_index": 2,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 11,
+                                "location": "Operational Area 11",
+                                "parent_id": 4,
+                                "spray_coverage": "100%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                          ],
+                          "rootParentId": null,
+                          "rowMinWidth": 500,
+                          "rowsSelectorText": "rows per page",
+                          "rowsText": "rows",
+                          "showPageJump": true,
+                          "showPageSizeOptions": true,
+                          "showPagination": true,
+                          "showPaginationBottom": true,
+                          "showPaginationTop": false,
+                          "skipNextSort": false,
+                          "sortable": true,
+                          "sorted": Array [],
+                          "sortedData": Array [
+                            Object {
+                              "_index": 0,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 9,
+                                "location": "Operational Area 9",
+                                "parent_id": 4,
+                                "spray_coverage": "70%",
+                                "spray_effectiveness": "90%",
+                              },
+                              "_subRows": undefined,
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "_index": 1,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 10,
+                                "location": "Operational Area 10",
+                                "parent_id": 4,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            Object {
+                              "_index": 2,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 11,
+                                "location": "Operational Area 11",
+                                "parent_id": 4,
+                                "spray_coverage": "100%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                          ],
+                          "startRow": 0,
+                          "style": Object {},
+                          "subRowsKey": "_subRows",
+                          "useDrillDownTrProps": true,
                         }
                       }
-                      tabIndex="-1"
                     >
-                      <div
-                        className="rt-resizable-header-content"
-                      >
-                        parent_id
-                      </div>
-                      <Resizer
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
                       >
                         <div
-                          className="rt-resizer"
-                          onMouseDown={[Function]}
-                          onTouchStart={[Function]}
-                        />
-                      </Resizer>
-                    </div>
-                  </ThComponent>
-                  <ThComponent
-                    className="rt-resizable-header -cursor-pointer"
-                    key="3-spray_coverage"
-                    style={
-                      Object {
-                        "flex": "100 0 auto",
-                        "maxWidth": null,
-                        "width": "100px",
-                      }
-                    }
-                    toggleSort={[Function]}
-                  >
-                    <div
-                      className="rt-th rt-resizable-header -cursor-pointer"
-                      onClick={[Function]}
-                      role="columnheader"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <Component
+                            classes={
+                              Array [
+                                undefined,
+                                "",
+                                undefined,
+                              ]
+                            }
+                            column={
+                              Object {
+                                "Aggregated": undefined,
+                                "Cell": [Function],
+                                "Expander": undefined,
+                                "Filter": undefined,
+                                "Footer": undefined,
+                                "Header": "id",
+                                "Pivot": undefined,
+                                "PivotValue": undefined,
+                                "Placeholder": undefined,
+                                "accessor": [Function],
+                                "aggregate": undefined,
+                                "className": "",
+                                "filterAll": false,
+                                "filterMethod": undefined,
+                                "filterable": undefined,
+                                "footerClassName": "",
+                                "footerStyle": Object {},
+                                "getFooterProps": [Function],
+                                "getHeaderProps": [Function],
+                                "getProps": [Function],
+                                "headerClassName": "",
+                                "headerStyle": Object {},
+                                "id": "id",
+                                "minResizeWidth": 11,
+                                "minWidth": 100,
+                                "resizable": undefined,
+                                "show": true,
+                                "sortMethod": undefined,
+                                "sortable": undefined,
+                                "style": Object {},
+                              }
+                            }
+                            columnProps={
+                              Object {
+                                "className": undefined,
+                                "rest": Object {},
+                                "style": undefined,
+                              }
+                            }
+                            index={1}
+                            level={0}
+                            nestingPath={
+                              Array [
+                                1,
+                              ]
+                            }
+                            original={
+                              Object {
+                                "id": 10,
+                                "location": "Operational Area 10",
+                                "parent_id": 4,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "100%",
+                              }
+                            }
+                            page={0}
+                            pageSize={20}
+                            resized={Array []}
+                            row={
+                              Object {
+                                "_index": 1,
+                                "_nestingLevel": 0,
+                                "_original": Object {
+                                  "id": 10,
+                                  "location": "Operational Area 10",
+                                  "parent_id": 4,
+                                  "spray_coverage": "80%",
+                                  "spray_effectiveness": "100%",
+                                },
+                                "_subRows": undefined,
+                                "_viewIndex": 1,
+                                "id": 10,
+                                "location": "Operational Area 10",
+                                "parent_id": 4,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "100%",
+                              }
+                            }
+                            show={true}
+                            styles={Object {}}
+                            tdProps={
+                              Object {
+                                "className": undefined,
+                                "rest": Object {},
+                                "style": undefined,
+                              }
+                            }
+                            value={10}
+                            viewIndex={1}
+                            width={100}
+                          >
+                            <DropDownCell
+                              cellValue={10}
+                              hasChildren={true}
+                            >
+                              <div
+                                className="dd-linker-item dd-clickable"
+                              >
+                                <span>
+                                  10
+                                  <span
+                                    className="dd-caret"
+                                  >
+                                     ▼
+                                  </span>
+                                </span>
+                              </div>
+                            </DropDownCell>
+                          </Component>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
                         }
-                      }
-                      tabIndex="-1"
-                    >
-                      <div
-                        className="rt-resizable-header-content"
                       >
-                        spray_coverage
-                      </div>
-                      <Resizer
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          Operational Area 10
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
                       >
                         <div
-                          className="rt-resizer"
-                          onMouseDown={[Function]}
-                          onTouchStart={[Function]}
-                        />
-                      </Resizer>
-                    </div>
-                  </ThComponent>
-                  <ThComponent
-                    className="rt-resizable-header -cursor-pointer"
-                    key="4-spray_effectiveness"
-                    style={
-                      Object {
-                        "flex": "100 0 auto",
-                        "maxWidth": null,
-                        "width": "100px",
-                      }
-                    }
-                    toggleSort={[Function]}
-                  >
-                    <div
-                      className="rt-th rt-resizable-header -cursor-pointer"
-                      onClick={[Function]}
-                      role="columnheader"
-                      style={
-                        Object {
-                          "flex": "100 0 auto",
-                          "maxWidth": null,
-                          "width": "100px",
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          4
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="3-spray_coverage"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
                         }
-                      }
-                      tabIndex="-1"
-                    >
-                      <div
-                        className="rt-resizable-header-content"
                       >
-                        spray_effectiveness
-                      </div>
-                      <Resizer
-                        onMouseDown={[Function]}
-                        onTouchStart={[Function]}
+                        <div
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          80%
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="4-spray_effectiveness"
+                        onClick={[Function]}
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
                       >
                         <div
-                          className="rt-resizer"
-                          onMouseDown={[Function]}
-                          onTouchStart={[Function]}
-                        />
-                      </Resizer>
+                          className="rt-td"
+                          onClick={[Function]}
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          100%
+                        </div>
+                      </TdComponent>
                     </div>
-                  </ThComponent>
+                  </TrComponent>
                 </div>
-              </TrComponent>
-            </div>
-          </Thead>
-          <Tbody
-            className=""
-            style={
-              Object {
-                "minWidth": "500px",
-              }
-            }
-          >
-            <div
-              className="rt-tbody"
-              style={
-                Object {
-                  "minWidth": "500px",
-                }
-              }
-            >
+              </TrGroupComponent>
               <TrGroupComponent
-                key="0"
+                key="2"
               >
                 <div
                   className="rt-tr-group"
@@ -103096,548 +122181,1430 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 >
                   <TrComponent
                     className="-odd"
+                    onClick={[Function]}
+                    row={
+                      Object {
+                        "AggregatedComponent": [Function],
+                        "CellComponent": [Function],
+                        "ExpanderComponent": [Function],
+                        "FilterComponent": [Function],
+                        "LoadingComponent": [Function],
+                        "NoDataComponent": [Function],
+                        "PadRowComponent": [Function],
+                        "PaginationComponent": [Function],
+                        "PivotValueComponent": [Function],
+                        "ResizerComponent": [Function],
+                        "TableComponent": [Function],
+                        "TbodyComponent": [Function],
+                        "TdComponent": [Function],
+                        "TfootComponent": [Function],
+                        "ThComponent": [Function],
+                        "TheadComponent": [Function],
+                        "TrComponent": [Function],
+                        "TrGroupComponent": [Function],
+                        "aggregatedKey": "_aggregated",
+                        "allDecoratedColumns": Array [
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": [Function],
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "location",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "location",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "parent_id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "parent_id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_coverage",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_coverage",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_effectiveness",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_effectiveness",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                        ],
+                        "allVisibleColumns": Array [
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": [Function],
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "location",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "location",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "parent_id",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "parent_id",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_coverage",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_coverage",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": "spray_effectiveness",
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "accessor": [Function],
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "id": "spray_effectiveness",
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                        ],
+                        "canNext": false,
+                        "canPrevious": false,
+                        "className": "",
+                        "collapseOnDataChange": true,
+                        "collapseOnPageChange": true,
+                        "collapseOnSortingChange": true,
+                        "column": Object {
+                          "Aggregated": undefined,
+                          "Cell": undefined,
+                          "Expander": undefined,
+                          "Filter": undefined,
+                          "Footer": undefined,
+                          "Header": undefined,
+                          "Pivot": undefined,
+                          "PivotValue": undefined,
+                          "Placeholder": undefined,
+                          "aggregate": undefined,
+                          "className": "",
+                          "filterAll": false,
+                          "filterMethod": undefined,
+                          "filterable": undefined,
+                          "footerClassName": "",
+                          "footerStyle": Object {},
+                          "getFooterProps": [Function],
+                          "getHeaderProps": [Function],
+                          "getProps": [Function],
+                          "headerClassName": "",
+                          "headerStyle": Object {},
+                          "minResizeWidth": 11,
+                          "minWidth": 100,
+                          "resizable": undefined,
+                          "show": true,
+                          "sortMethod": undefined,
+                          "sortable": undefined,
+                          "style": Object {},
+                        },
+                        "columns": Array [
+                          Object {
+                            "Cell": [Function],
+                            "Header": "id",
+                            "accessor": "id",
+                          },
+                          Object {
+                            "Header": "location",
+                            "accessor": "location",
+                          },
+                          Object {
+                            "Header": "parent_id",
+                            "accessor": "parent_id",
+                          },
+                          Object {
+                            "Header": "spray_coverage",
+                            "accessor": "spray_coverage",
+                          },
+                          Object {
+                            "Header": "spray_effectiveness",
+                            "accessor": "spray_effectiveness",
+                          },
+                        ],
+                        "currentlyResizing": false,
+                        "data": Array [
+                          Object {
+                            "id": 9,
+                            "location": "Operational Area 9",
+                            "parent_id": 4,
+                            "spray_coverage": "70%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "id": 10,
+                            "location": "Operational Area 10",
+                            "parent_id": 4,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "100%",
+                          },
+                          Object {
+                            "id": 11,
+                            "location": "Operational Area 11",
+                            "parent_id": 4,
+                            "spray_coverage": "100%",
+                            "spray_effectiveness": "100%",
+                          },
+                        ],
+                        "defaultExpanded": Object {},
+                        "defaultFilterMethod": [Function],
+                        "defaultFiltered": Array [],
+                        "defaultPage": 0,
+                        "defaultPageSize": 20,
+                        "defaultResized": Array [],
+                        "defaultSortDesc": false,
+                        "defaultSortMethod": [Function],
+                        "defaultSorted": Array [],
+                        "endRow": 20,
+                        "expanded": Object {},
+                        "expanderDefaults": Object {
+                          "filterable": false,
+                          "resizable": false,
+                          "sortable": false,
+                          "width": 35,
+                        },
+                        "filterable": false,
+                        "filtered": Array [],
+                        "freezeWhenExpanded": false,
+                        "frozen": false,
+                        "getLoadingProps": [Function],
+                        "getNoDataProps": [Function],
+                        "getPaginationProps": [Function],
+                        "getProps": [Function],
+                        "getResizerProps": [Function],
+                        "getTableProps": [Function],
+                        "getTbodyProps": [Function],
+                        "getTdProps": [Function],
+                        "getTfootProps": [Function],
+                        "getTfootTdProps": [Function],
+                        "getTfootTrProps": [Function],
+                        "getTheadFilterProps": [Function],
+                        "getTheadFilterThProps": [Function],
+                        "getTheadFilterTrProps": [Function],
+                        "getTheadGroupProps": [Function],
+                        "getTheadGroupThProps": [Function],
+                        "getTheadGroupTrProps": [Function],
+                        "getTheadProps": [Function],
+                        "getTheadThProps": [Function],
+                        "getTheadTrProps": [Function],
+                        "getTrGroupProps": [Function],
+                        "getTrProps": [Function],
+                        "groupedByPivotKey": "_groupedByPivot",
+                        "hasChildren": [Function],
+                        "hasColumnFooter": false,
+                        "hasHeaderGroups": false,
+                        "headerGroups": Array [],
+                        "identifierField": "id",
+                        "indexKey": "_index",
+                        "linkerField": "id",
+                        "loading": false,
+                        "loadingText": "Loading...",
+                        "minRows": 20,
+                        "multiSort": true,
+                        "nestingLevelKey": "_nestingLevel",
+                        "nextText": "Next",
+                        "noDataText": "No rows found",
+                        "ofText": "of",
+                        "onFetchData": [Function],
+                        "originalKey": "_original",
+                        "padRows": Array [
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                          17,
+                        ],
+                        "page": 0,
+                        "pageJumpText": "jump to page",
+                        "pageRows": Array [
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 0,
+                            "id": 9,
+                            "location": "Operational Area 9",
+                            "parent_id": 4,
+                            "spray_coverage": "70%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 1,
+                            "id": 10,
+                            "location": "Operational Area 10",
+                            "parent_id": 4,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "100%",
+                          },
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "_viewIndex": 2,
+                            "id": 11,
+                            "location": "Operational Area 11",
+                            "parent_id": 4,
+                            "spray_coverage": "100%",
+                            "spray_effectiveness": "100%",
+                          },
+                        ],
+                        "pageSize": 20,
+                        "pageSizeOptions": Array [
+                          5,
+                          10,
+                          20,
+                          25,
+                          50,
+                          100,
+                        ],
+                        "pageText": "Page",
+                        "pages": 1,
+                        "parentIdentifierField": "parent_id",
+                        "pivotDefaults": Object {},
+                        "pivotIDKey": "_pivotID",
+                        "pivotValKey": "_pivotVal",
+                        "previousText": "Previous",
+                        "resizable": true,
+                        "resized": Array [],
+                        "resolveData": [Function],
+                        "resolvedData": Array [
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "id": 9,
+                            "location": "Operational Area 9",
+                            "parent_id": 4,
+                            "spray_coverage": "70%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "id": 10,
+                            "location": "Operational Area 10",
+                            "parent_id": 4,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "100%",
+                          },
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "id": 11,
+                            "location": "Operational Area 11",
+                            "parent_id": 4,
+                            "spray_coverage": "100%",
+                            "spray_effectiveness": "100%",
+                          },
+                        ],
+                        "rootParentId": null,
+                        "rowMinWidth": 500,
+                        "rowsSelectorText": "rows per page",
+                        "rowsText": "rows",
+                        "showPageJump": true,
+                        "showPageSizeOptions": true,
+                        "showPagination": true,
+                        "showPaginationBottom": true,
+                        "showPaginationTop": false,
+                        "skipNextSort": false,
+                        "sortable": true,
+                        "sorted": Array [],
+                        "sortedData": Array [
+                          Object {
+                            "_index": 0,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            "_subRows": undefined,
+                            "id": 9,
+                            "location": "Operational Area 9",
+                            "parent_id": 4,
+                            "spray_coverage": "70%",
+                            "spray_effectiveness": "90%",
+                          },
+                          Object {
+                            "_index": 1,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "id": 10,
+                            "location": "Operational Area 10",
+                            "parent_id": 4,
+                            "spray_coverage": "80%",
+                            "spray_effectiveness": "100%",
+                          },
+                          Object {
+                            "_index": 2,
+                            "_nestingLevel": 0,
+                            "_original": Object {
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                            "_subRows": undefined,
+                            "id": 11,
+                            "location": "Operational Area 11",
+                            "parent_id": 4,
+                            "spray_coverage": "100%",
+                            "spray_effectiveness": "100%",
+                          },
+                        ],
+                        "startRow": 0,
+                        "style": Object {},
+                        "subRowsKey": "_subRows",
+                        "useDrillDownTrProps": true,
+                      }
+                    }
                   >
                     <div
                       className="rt-tr -odd"
+                      onClick={[Function]}
                       role="row"
-                    >
-                      <TdComponent
-                        className=""
-                        key="0-id"
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <div
-                          className="rt-td"
-                          onClick={[Function]}
-                          role="gridcell"
-                          style={
+                      row={
+                        Object {
+                          "AggregatedComponent": [Function],
+                          "CellComponent": [Function],
+                          "ExpanderComponent": [Function],
+                          "FilterComponent": [Function],
+                          "LoadingComponent": [Function],
+                          "NoDataComponent": [Function],
+                          "PadRowComponent": [Function],
+                          "PaginationComponent": [Function],
+                          "PivotValueComponent": [Function],
+                          "ResizerComponent": [Function],
+                          "TableComponent": [Function],
+                          "TbodyComponent": [Function],
+                          "TdComponent": [Function],
+                          "TfootComponent": [Function],
+                          "ThComponent": [Function],
+                          "TheadComponent": [Function],
+                          "TrComponent": [Function],
+                          "TrGroupComponent": [Function],
+                          "aggregatedKey": "_aggregated",
+                          "allDecoratedColumns": Array [
                             Object {
-                              "flex": "100 0 auto",
-                              "maxWidth": null,
-                              "width": "100px",
-                            }
-                          }
-                        >
-                          <Component
-                            classes={
-                              Array [
-                                undefined,
-                                "",
-                                undefined,
-                              ]
-                            }
-                            column={
-                              Object {
-                                "Aggregated": undefined,
-                                "Cell": [Function],
-                                "Expander": undefined,
-                                "Filter": undefined,
-                                "Footer": undefined,
-                                "Header": "id",
-                                "Pivot": undefined,
-                                "PivotValue": undefined,
-                                "Placeholder": undefined,
-                                "accessor": [Function],
-                                "aggregate": undefined,
-                                "className": "",
-                                "filterAll": false,
-                                "filterMethod": undefined,
-                                "filterable": undefined,
-                                "footerClassName": "",
-                                "footerStyle": Object {},
-                                "getFooterProps": [Function],
-                                "getHeaderProps": [Function],
-                                "getProps": [Function],
-                                "headerClassName": "",
-                                "headerStyle": Object {},
-                                "id": "id",
-                                "minResizeWidth": 11,
-                                "minWidth": 100,
-                                "resizable": undefined,
-                                "show": true,
-                                "sortMethod": undefined,
-                                "sortable": undefined,
-                                "style": Object {},
-                              }
-                            }
-                            columnProps={
-                              Object {
-                                "className": undefined,
-                                "rest": Object {},
-                                "style": undefined,
-                              }
-                            }
-                            index={0}
-                            level={0}
-                            nestingPath={
-                              Array [
-                                0,
-                              ]
-                            }
-                            original={
-                              Object {
-                                "id": 1,
-                                "location": "District A",
-                                "parent_id": null,
-                                "spray_coverage": "80%",
-                                "spray_effectiveness": "80%",
-                              }
-                            }
-                            page={0}
-                            pageSize={20}
-                            resized={Array []}
-                            row={
-                              Object {
-                                "_index": 0,
-                                "_nestingLevel": 0,
-                                "_original": Object {
-                                  "id": 1,
-                                  "location": "District A",
-                                  "parent_id": null,
-                                  "spray_coverage": "80%",
-                                  "spray_effectiveness": "80%",
-                                },
-                                "_subRows": undefined,
-                                "_viewIndex": 0,
-                                "id": 1,
-                                "location": "District A",
-                                "parent_id": null,
-                                "spray_coverage": "80%",
-                                "spray_effectiveness": "80%",
-                              }
-                            }
-                            show={true}
-                            styles={Object {}}
-                            tdProps={
-                              Object {
-                                "className": undefined,
-                                "rest": Object {},
-                                "style": undefined,
-                              }
-                            }
-                            value={1}
-                            viewIndex={0}
-                            width={100}
-                          >
-                            <DropDownCell
-                              cellValue={1}
-                              hasChildren={true}
-                            >
-                              <div
-                                className="dd-linker-item dd-clickable"
-                              >
-                                <span>
-                                  1
-                                  <span
-                                    className="dd-caret"
-                                  >
-                                     ▼
-                                  </span>
-                                </span>
-                              </div>
-                            </DropDownCell>
-                          </Component>
-                        </div>
-                      </TdComponent>
-                      <TdComponent
-                        className=""
-                        key="1-location"
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <div
-                          className="rt-td"
-                          onClick={[Function]}
-                          role="gridcell"
-                          style={
+                              "Aggregated": undefined,
+                              "Cell": [Function],
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "location",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "location",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "parent_id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "parent_id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_coverage",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_coverage",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_effectiveness",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_effectiveness",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                          ],
+                          "allVisibleColumns": Array [
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": [Function],
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "location",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "location",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "parent_id",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "parent_id",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                            Object {
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_coverage",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_coverage",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
                             Object {
-                              "flex": "100 0 auto",
-                              "maxWidth": null,
-                              "width": "100px",
-                            }
-                          }
-                        >
-                          District A
-                        </div>
-                      </TdComponent>
-                      <TdComponent
-                        className=""
-                        key="2-parent_id"
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <div
-                          className="rt-td"
-                          onClick={[Function]}
-                          role="gridcell"
-                          style={
+                              "Aggregated": undefined,
+                              "Cell": undefined,
+                              "Expander": undefined,
+                              "Filter": undefined,
+                              "Footer": undefined,
+                              "Header": "spray_effectiveness",
+                              "Pivot": undefined,
+                              "PivotValue": undefined,
+                              "Placeholder": undefined,
+                              "accessor": [Function],
+                              "aggregate": undefined,
+                              "className": "",
+                              "filterAll": false,
+                              "filterMethod": undefined,
+                              "filterable": undefined,
+                              "footerClassName": "",
+                              "footerStyle": Object {},
+                              "getFooterProps": [Function],
+                              "getHeaderProps": [Function],
+                              "getProps": [Function],
+                              "headerClassName": "",
+                              "headerStyle": Object {},
+                              "id": "spray_effectiveness",
+                              "minResizeWidth": 11,
+                              "minWidth": 100,
+                              "resizable": undefined,
+                              "show": true,
+                              "sortMethod": undefined,
+                              "sortable": undefined,
+                              "style": Object {},
+                            },
+                          ],
+                          "canNext": false,
+                          "canPrevious": false,
+                          "className": "",
+                          "collapseOnDataChange": true,
+                          "collapseOnPageChange": true,
+                          "collapseOnSortingChange": true,
+                          "column": Object {
+                            "Aggregated": undefined,
+                            "Cell": undefined,
+                            "Expander": undefined,
+                            "Filter": undefined,
+                            "Footer": undefined,
+                            "Header": undefined,
+                            "Pivot": undefined,
+                            "PivotValue": undefined,
+                            "Placeholder": undefined,
+                            "aggregate": undefined,
+                            "className": "",
+                            "filterAll": false,
+                            "filterMethod": undefined,
+                            "filterable": undefined,
+                            "footerClassName": "",
+                            "footerStyle": Object {},
+                            "getFooterProps": [Function],
+                            "getHeaderProps": [Function],
+                            "getProps": [Function],
+                            "headerClassName": "",
+                            "headerStyle": Object {},
+                            "minResizeWidth": 11,
+                            "minWidth": 100,
+                            "resizable": undefined,
+                            "show": true,
+                            "sortMethod": undefined,
+                            "sortable": undefined,
+                            "style": Object {},
+                          },
+                          "columns": Array [
                             Object {
-                              "flex": "100 0 auto",
-                              "maxWidth": null,
-                              "width": "100px",
-                            }
-                          }
-                        />
-                      </TdComponent>
-                      <TdComponent
-                        className=""
-                        key="3-spray_coverage"
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <div
-                          className="rt-td"
-                          onClick={[Function]}
-                          role="gridcell"
-                          style={
+                              "Cell": [Function],
+                              "Header": "id",
+                              "accessor": "id",
+                            },
                             Object {
-                              "flex": "100 0 auto",
-                              "maxWidth": null,
-                              "width": "100px",
-                            }
-                          }
-                        >
-                          80%
-                        </div>
-                      </TdComponent>
-                      <TdComponent
-                        className=""
-                        key="4-spray_effectiveness"
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <div
-                          className="rt-td"
-                          onClick={[Function]}
-                          role="gridcell"
-                          style={
+                              "Header": "location",
+                              "accessor": "location",
+                            },
                             Object {
-                              "flex": "100 0 auto",
-                              "maxWidth": null,
-                              "width": "100px",
-                            }
-                          }
-                        >
-                          80%
-                        </div>
-                      </TdComponent>
-                    </div>
-                  </TrComponent>
-                </div>
-              </TrGroupComponent>
-              <TrGroupComponent
-                key="1"
-              >
-                <div
-                  className="rt-tr-group"
-                  role="rowgroup"
-                >
-                  <TrComponent
-                    className="-even"
-                  >
-                    <div
-                      className="rt-tr -even"
-                      role="row"
-                    >
-                      <TdComponent
-                        className=""
-                        key="0-id"
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <div
-                          className="rt-td"
-                          onClick={[Function]}
-                          role="gridcell"
-                          style={
+                              "Header": "parent_id",
+                              "accessor": "parent_id",
+                            },
                             Object {
-                              "flex": "100 0 auto",
-                              "maxWidth": null,
-                              "width": "100px",
-                            }
-                          }
-                        >
-                          <Component
-                            classes={
-                              Array [
-                                undefined,
-                                "",
-                                undefined,
-                              ]
-                            }
-                            column={
-                              Object {
-                                "Aggregated": undefined,
-                                "Cell": [Function],
-                                "Expander": undefined,
-                                "Filter": undefined,
-                                "Footer": undefined,
-                                "Header": "id",
-                                "Pivot": undefined,
-                                "PivotValue": undefined,
-                                "Placeholder": undefined,
-                                "accessor": [Function],
-                                "aggregate": undefined,
-                                "className": "",
-                                "filterAll": false,
-                                "filterMethod": undefined,
-                                "filterable": undefined,
-                                "footerClassName": "",
-                                "footerStyle": Object {},
-                                "getFooterProps": [Function],
-                                "getHeaderProps": [Function],
-                                "getProps": [Function],
-                                "headerClassName": "",
-                                "headerStyle": Object {},
-                                "id": "id",
-                                "minResizeWidth": 11,
-                                "minWidth": 100,
-                                "resizable": undefined,
-                                "show": true,
-                                "sortMethod": undefined,
-                                "sortable": undefined,
-                                "style": Object {},
-                              }
-                            }
-                            columnProps={
-                              Object {
-                                "className": undefined,
-                                "rest": Object {},
-                                "style": undefined,
-                              }
-                            }
-                            index={1}
-                            level={0}
-                            nestingPath={
-                              Array [
-                                1,
-                              ]
-                            }
-                            original={
-                              Object {
-                                "id": 2,
-                                "location": "District B",
-                                "parent_id": null,
-                                "spray_coverage": "75%",
-                                "spray_effectiveness": "85%",
-                              }
-                            }
-                            page={0}
-                            pageSize={20}
-                            resized={Array []}
-                            row={
-                              Object {
-                                "_index": 1,
-                                "_nestingLevel": 0,
-                                "_original": Object {
-                                  "id": 2,
-                                  "location": "District B",
-                                  "parent_id": null,
-                                  "spray_coverage": "75%",
-                                  "spray_effectiveness": "85%",
-                                },
-                                "_subRows": undefined,
-                                "_viewIndex": 1,
-                                "id": 2,
-                                "location": "District B",
-                                "parent_id": null,
-                                "spray_coverage": "75%",
-                                "spray_effectiveness": "85%",
-                              }
-                            }
-                            show={true}
-                            styles={Object {}}
-                            tdProps={
-                              Object {
-                                "className": undefined,
-                                "rest": Object {},
-                                "style": undefined,
-                              }
-                            }
-                            value={2}
-                            viewIndex={1}
-                            width={100}
-                          >
-                            <DropDownCell
-                              cellValue={2}
-                              hasChildren={true}
-                            >
-                              <div
-                                className="dd-linker-item dd-clickable"
-                              >
-                                <span>
-                                  2
-                                  <span
-                                    className="dd-caret"
-                                  >
-                                     ▼
-                                  </span>
-                                </span>
-                              </div>
-                            </DropDownCell>
-                          </Component>
-                        </div>
-                      </TdComponent>
-                      <TdComponent
-                        className=""
-                        key="1-location"
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <div
-                          className="rt-td"
-                          onClick={[Function]}
-                          role="gridcell"
-                          style={
+                              "Header": "spray_coverage",
+                              "accessor": "spray_coverage",
+                            },
+                            Object {
+                              "Header": "spray_effectiveness",
+                              "accessor": "spray_effectiveness",
+                            },
+                          ],
+                          "currentlyResizing": false,
+                          "data": Array [
+                            Object {
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            Object {
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                          ],
+                          "defaultExpanded": Object {},
+                          "defaultFilterMethod": [Function],
+                          "defaultFiltered": Array [],
+                          "defaultPage": 0,
+                          "defaultPageSize": 20,
+                          "defaultResized": Array [],
+                          "defaultSortDesc": false,
+                          "defaultSortMethod": [Function],
+                          "defaultSorted": Array [],
+                          "endRow": 20,
+                          "expanded": Object {},
+                          "expanderDefaults": Object {
+                            "filterable": false,
+                            "resizable": false,
+                            "sortable": false,
+                            "width": 35,
+                          },
+                          "filterable": false,
+                          "filtered": Array [],
+                          "freezeWhenExpanded": false,
+                          "frozen": false,
+                          "getLoadingProps": [Function],
+                          "getNoDataProps": [Function],
+                          "getPaginationProps": [Function],
+                          "getProps": [Function],
+                          "getResizerProps": [Function],
+                          "getTableProps": [Function],
+                          "getTbodyProps": [Function],
+                          "getTdProps": [Function],
+                          "getTfootProps": [Function],
+                          "getTfootTdProps": [Function],
+                          "getTfootTrProps": [Function],
+                          "getTheadFilterProps": [Function],
+                          "getTheadFilterThProps": [Function],
+                          "getTheadFilterTrProps": [Function],
+                          "getTheadGroupProps": [Function],
+                          "getTheadGroupThProps": [Function],
+                          "getTheadGroupTrProps": [Function],
+                          "getTheadProps": [Function],
+                          "getTheadThProps": [Function],
+                          "getTheadTrProps": [Function],
+                          "getTrGroupProps": [Function],
+                          "getTrProps": [Function],
+                          "groupedByPivotKey": "_groupedByPivot",
+                          "hasChildren": [Function],
+                          "hasColumnFooter": false,
+                          "hasHeaderGroups": false,
+                          "headerGroups": Array [],
+                          "identifierField": "id",
+                          "indexKey": "_index",
+                          "linkerField": "id",
+                          "loading": false,
+                          "loadingText": "Loading...",
+                          "minRows": 20,
+                          "multiSort": true,
+                          "nestingLevelKey": "_nestingLevel",
+                          "nextText": "Next",
+                          "noDataText": "No rows found",
+                          "ofText": "of",
+                          "onFetchData": [Function],
+                          "originalKey": "_original",
+                          "padRows": Array [
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                            17,
+                          ],
+                          "page": 0,
+                          "pageJumpText": "jump to page",
+                          "pageRows": Array [
+                            Object {
+                              "_index": 0,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 9,
+                                "location": "Operational Area 9",
+                                "parent_id": 4,
+                                "spray_coverage": "70%",
+                                "spray_effectiveness": "90%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 0,
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "_index": 1,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 10,
+                                "location": "Operational Area 10",
+                                "parent_id": 4,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 1,
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            Object {
+                              "_index": 2,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 11,
+                                "location": "Operational Area 11",
+                                "parent_id": 4,
+                                "spray_coverage": "100%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "_viewIndex": 2,
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                          ],
+                          "pageSize": 20,
+                          "pageSizeOptions": Array [
+                            5,
+                            10,
+                            20,
+                            25,
+                            50,
+                            100,
+                          ],
+                          "pageText": "Page",
+                          "pages": 1,
+                          "parentIdentifierField": "parent_id",
+                          "pivotDefaults": Object {},
+                          "pivotIDKey": "_pivotID",
+                          "pivotValKey": "_pivotVal",
+                          "previousText": "Previous",
+                          "resizable": true,
+                          "resized": Array [],
+                          "resolveData": [Function],
+                          "resolvedData": Array [
                             Object {
-                              "flex": "100 0 auto",
-                              "maxWidth": null,
-                              "width": "100px",
-                            }
-                          }
-                        >
-                          District B
-                        </div>
-                      </TdComponent>
-                      <TdComponent
-                        className=""
-                        key="2-parent_id"
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <div
-                          className="rt-td"
-                          onClick={[Function]}
-                          role="gridcell"
-                          style={
+                              "_index": 0,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 9,
+                                "location": "Operational Area 9",
+                                "parent_id": 4,
+                                "spray_coverage": "70%",
+                                "spray_effectiveness": "90%",
+                              },
+                              "_subRows": undefined,
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
                             Object {
-                              "flex": "100 0 auto",
-                              "maxWidth": null,
-                              "width": "100px",
-                            }
-                          }
-                        />
-                      </TdComponent>
-                      <TdComponent
-                        className=""
-                        key="3-spray_coverage"
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <div
-                          className="rt-td"
-                          onClick={[Function]}
-                          role="gridcell"
-                          style={
+                              "_index": 1,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 10,
+                                "location": "Operational Area 10",
+                                "parent_id": 4,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
                             Object {
-                              "flex": "100 0 auto",
-                              "maxWidth": null,
-                              "width": "100px",
-                            }
-                          }
-                        >
-                          75%
-                        </div>
-                      </TdComponent>
-                      <TdComponent
-                        className=""
-                        key="4-spray_effectiveness"
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <div
-                          className="rt-td"
-                          onClick={[Function]}
-                          role="gridcell"
-                          style={
+                              "_index": 2,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 11,
+                                "location": "Operational Area 11",
+                                "parent_id": 4,
+                                "spray_coverage": "100%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                          ],
+                          "rootParentId": null,
+                          "rowMinWidth": 500,
+                          "rowsSelectorText": "rows per page",
+                          "rowsText": "rows",
+                          "showPageJump": true,
+                          "showPageSizeOptions": true,
+                          "showPagination": true,
+                          "showPaginationBottom": true,
+                          "showPaginationTop": false,
+                          "skipNextSort": false,
+                          "sortable": true,
+                          "sorted": Array [],
+                          "sortedData": Array [
                             Object {
-                              "flex": "100 0 auto",
-                              "maxWidth": null,
-                              "width": "100px",
-                            }
-                          }
-                        >
-                          85%
-                        </div>
-                      </TdComponent>
-                    </div>
-                  </TrComponent>
-                </div>
-              </TrGroupComponent>
-              <TrGroupComponent
-                key="2"
-              >
-                <div
-                  className="rt-tr-group"
-                  role="rowgroup"
-                >
-                  <TrComponent
-                    className="-odd"
-                  >
-                    <div
-                      className="rt-tr -odd"
-                      role="row"
+                              "_index": 0,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 9,
+                                "location": "Operational Area 9",
+                                "parent_id": 4,
+                                "spray_coverage": "70%",
+                                "spray_effectiveness": "90%",
+                              },
+                              "_subRows": undefined,
+                              "id": 9,
+                              "location": "Operational Area 9",
+                              "parent_id": 4,
+                              "spray_coverage": "70%",
+                              "spray_effectiveness": "90%",
+                            },
+                            Object {
+                              "_index": 1,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 10,
+                                "location": "Operational Area 10",
+                                "parent_id": 4,
+                                "spray_coverage": "80%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "id": 10,
+                              "location": "Operational Area 10",
+                              "parent_id": 4,
+                              "spray_coverage": "80%",
+                              "spray_effectiveness": "100%",
+                            },
+                            Object {
+                              "_index": 2,
+                              "_nestingLevel": 0,
+                              "_original": Object {
+                                "id": 11,
+                                "location": "Operational Area 11",
+                                "parent_id": 4,
+                                "spray_coverage": "100%",
+                                "spray_effectiveness": "100%",
+                              },
+                              "_subRows": undefined,
+                              "id": 11,
+                              "location": "Operational Area 11",
+                              "parent_id": 4,
+                              "spray_coverage": "100%",
+                              "spray_effectiveness": "100%",
+                            },
+                          ],
+                          "startRow": 0,
+                          "style": Object {},
+                          "subRowsKey": "_subRows",
+                          "useDrillDownTrProps": true,
+                        }
+                      }
                     >
                       <TdComponent
                         className=""
@@ -103721,11 +123688,11 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                             }
                             original={
                               Object {
-                                "id": 3,
-                                "location": "District C",
-                                "parent_id": null,
-                                "spray_coverage": "90%",
-                                "spray_effectiveness": "90%",
+                                "id": 11,
+                                "location": "Operational Area 11",
+                                "parent_id": 4,
+                                "spray_coverage": "100%",
+                                "spray_effectiveness": "100%",
                               }
                             }
                             page={0}
@@ -103736,19 +123703,19 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                                 "_index": 2,
                                 "_nestingLevel": 0,
                                 "_original": Object {
-                                  "id": 3,
-                                  "location": "District C",
-                                  "parent_id": null,
-                                  "spray_coverage": "90%",
-                                  "spray_effectiveness": "90%",
+                                  "id": 11,
+                                  "location": "Operational Area 11",
+                                  "parent_id": 4,
+                                  "spray_coverage": "100%",
+                                  "spray_effectiveness": "100%",
                                 },
                                 "_subRows": undefined,
                                 "_viewIndex": 2,
-                                "id": 3,
-                                "location": "District C",
-                                "parent_id": null,
-                                "spray_coverage": "90%",
-                                "spray_effectiveness": "90%",
+                                "id": 11,
+                                "location": "Operational Area 11",
+                                "parent_id": 4,
+                                "spray_coverage": "100%",
+                                "spray_effectiveness": "100%",
                               }
                             }
                             show={true}
@@ -103760,24 +123727,19 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                                 "style": undefined,
                               }
                             }
-                            value={3}
+                            value={11}
                             viewIndex={2}
                             width={100}
                           >
                             <DropDownCell
-                              cellValue={3}
-                              hasChildren={true}
+                              cellValue={11}
+                              hasChildren={false}
                             >
                               <div
-                                className="dd-linker-item dd-clickable"
+                                className="dd-linker-item"
                               >
                                 <span>
-                                  3
-                                  <span
-                                    className="dd-caret"
-                                  >
-                                     ▼
-                                  </span>
+                                  11
                                 </span>
                               </div>
                             </DropDownCell>
@@ -103808,7 +123770,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                             }
                           }
                         >
-                          District C
+                          Operational Area 11
                         </div>
                       </TdComponent>
                       <TdComponent
@@ -103822,103 +123784,6 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                             "width": "100px",
                           }
                         }
-                      >
-                        <div
-                          className="rt-td"
-                          onClick={[Function]}
-                          role="gridcell"
-                          style={
-                            Object {
-                              "flex": "100 0 auto",
-                              "maxWidth": null,
-                              "width": "100px",
-                            }
-                          }
-                        />
-                      </TdComponent>
-                      <TdComponent
-                        className=""
-                        key="3-spray_coverage"
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <div
-                          className="rt-td"
-                          onClick={[Function]}
-                          role="gridcell"
-                          style={
-                            Object {
-                              "flex": "100 0 auto",
-                              "maxWidth": null,
-                              "width": "100px",
-                            }
-                          }
-                        >
-                          90%
-                        </div>
-                      </TdComponent>
-                      <TdComponent
-                        className=""
-                        key="4-spray_effectiveness"
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
-                      >
-                        <div
-                          className="rt-td"
-                          onClick={[Function]}
-                          role="gridcell"
-                          style={
-                            Object {
-                              "flex": "100 0 auto",
-                              "maxWidth": null,
-                              "width": "100px",
-                            }
-                          }
-                        >
-                          90%
-                        </div>
-                      </TdComponent>
-                    </div>
-                  </TrComponent>
-                </div>
-              </TrGroupComponent>
-              <TrGroupComponent
-                key="3"
-              >
-                <div
-                  className="rt-tr-group"
-                  role="rowgroup"
-                >
-                  <TrComponent
-                    className="-even"
-                  >
-                    <div
-                      className="rt-tr -even"
-                      role="row"
-                    >
-                      <TdComponent
-                        className=""
-                        key="0-id"
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "flex": "100 0 auto",
-                            "maxWidth": null,
-                            "width": "100px",
-                          }
-                        }
                       >
                         <div
                           className="rt-td"
@@ -103932,125 +123797,12 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                             }
                           }
                         >
-                          <Component
-                            classes={
-                              Array [
-                                undefined,
-                                "",
-                                undefined,
-                              ]
-                            }
-                            column={
-                              Object {
-                                "Aggregated": undefined,
-                                "Cell": [Function],
-                                "Expander": undefined,
-                                "Filter": undefined,
-                                "Footer": undefined,
-                                "Header": "id",
-                                "Pivot": undefined,
-                                "PivotValue": undefined,
-                                "Placeholder": undefined,
-                                "accessor": [Function],
-                                "aggregate": undefined,
-                                "className": "",
-                                "filterAll": false,
-                                "filterMethod": undefined,
-                                "filterable": undefined,
-                                "footerClassName": "",
-                                "footerStyle": Object {},
-                                "getFooterProps": [Function],
-                                "getHeaderProps": [Function],
-                                "getProps": [Function],
-                                "headerClassName": "",
-                                "headerStyle": Object {},
-                                "id": "id",
-                                "minResizeWidth": 11,
-                                "minWidth": 100,
-                                "resizable": undefined,
-                                "show": true,
-                                "sortMethod": undefined,
-                                "sortable": undefined,
-                                "style": Object {},
-                              }
-                            }
-                            columnProps={
-                              Object {
-                                "className": undefined,
-                                "rest": Object {},
-                                "style": undefined,
-                              }
-                            }
-                            index={3}
-                            level={0}
-                            nestingPath={
-                              Array [
-                                3,
-                              ]
-                            }
-                            original={
-                              Object {
-                                "id": 18,
-                                "location": "District D",
-                                "parent_id": null,
-                                "spray_coverage": "0%",
-                                "spray_effectiveness": "0%",
-                              }
-                            }
-                            page={0}
-                            pageSize={20}
-                            resized={Array []}
-                            row={
-                              Object {
-                                "_index": 3,
-                                "_nestingLevel": 0,
-                                "_original": Object {
-                                  "id": 18,
-                                  "location": "District D",
-                                  "parent_id": null,
-                                  "spray_coverage": "0%",
-                                  "spray_effectiveness": "0%",
-                                },
-                                "_subRows": undefined,
-                                "_viewIndex": 3,
-                                "id": 18,
-                                "location": "District D",
-                                "parent_id": null,
-                                "spray_coverage": "0%",
-                                "spray_effectiveness": "0%",
-                              }
-                            }
-                            show={true}
-                            styles={Object {}}
-                            tdProps={
-                              Object {
-                                "className": undefined,
-                                "rest": Object {},
-                                "style": undefined,
-                              }
-                            }
-                            value={18}
-                            viewIndex={3}
-                            width={100}
-                          >
-                            <DropDownCell
-                              cellValue={18}
-                              hasChildren={false}
-                            >
-                              <div
-                                className="dd-linker-item"
-                              >
-                                <span>
-                                  18
-                                </span>
-                              </div>
-                            </DropDownCell>
-                          </Component>
+                          4
                         </div>
                       </TdComponent>
                       <TdComponent
                         className=""
-                        key="1-location"
+                        key="3-spray_coverage"
                         onClick={[Function]}
                         style={
                           Object {
@@ -104072,12 +123824,12 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                             }
                           }
                         >
-                          District D
+                          100%
                         </div>
                       </TdComponent>
                       <TdComponent
                         className=""
-                        key="2-parent_id"
+                        key="4-spray_effectiveness"
                         onClick={[Function]}
                         style={
                           Object {
@@ -104098,12 +123850,120 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                               "width": "100px",
                             }
                           }
-                        />
+                        >
+                          100%
+                        </div>
+                      </TdComponent>
+                    </div>
+                  </TrComponent>
+                </div>
+              </TrGroupComponent>
+              <TrGroupComponent
+                key="pad-0"
+              >
+                <div
+                  className="rt-tr-group"
+                  role="rowgroup"
+                >
+                  <TrComponent
+                    className="-padRow -even"
+                    style={Object {}}
+                  >
+                    <div
+                      className="rt-tr -padRow -even"
+                      role="row"
+                      style={Object {}}
+                    >
+                      <TdComponent
+                        className=""
+                        key="0-id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="1-location"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
+                      </TdComponent>
+                      <TdComponent
+                        className=""
+                        key="2-parent_id"
+                        style={
+                          Object {
+                            "flex": "100 0 auto",
+                            "maxWidth": null,
+                            "width": "100px",
+                          }
+                        }
+                      >
+                        <div
+                          className="rt-td"
+                          role="gridcell"
+                          style={
+                            Object {
+                              "flex": "100 0 auto",
+                              "maxWidth": null,
+                              "width": "100px",
+                            }
+                          }
+                        >
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
+                        </div>
                       </TdComponent>
                       <TdComponent
                         className=""
                         key="3-spray_coverage"
-                        onClick={[Function]}
                         style={
                           Object {
                             "flex": "100 0 auto",
@@ -104114,7 +123974,6 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                       >
                         <div
                           className="rt-td"
-                          onClick={[Function]}
                           role="gridcell"
                           style={
                             Object {
@@ -104124,13 +123983,16 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                             }
                           }
                         >
-                          0%
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
                         </div>
                       </TdComponent>
                       <TdComponent
                         className=""
                         key="4-spray_effectiveness"
-                        onClick={[Function]}
                         style={
                           Object {
                             "flex": "100 0 auto",
@@ -104141,7 +124003,6 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                       >
                         <div
                           className="rt-td"
-                          onClick={[Function]}
                           role="gridcell"
                           style={
                             Object {
@@ -104151,7 +124012,11 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                             }
                           }
                         >
-                          0%
+                          <PadRowComponent>
+                            <span>
+                               
+                            </span>
+                          </PadRowComponent>
                         </div>
                       </TdComponent>
                     </div>
@@ -104159,7 +124024,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-0"
+                key="pad-1"
               >
                 <div
                   className="rt-tr-group"
@@ -104324,7 +124189,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-1"
+                key="pad-2"
               >
                 <div
                   className="rt-tr-group"
@@ -104489,7 +124354,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-2"
+                key="pad-3"
               >
                 <div
                   className="rt-tr-group"
@@ -104654,7 +124519,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-3"
+                key="pad-4"
               >
                 <div
                   className="rt-tr-group"
@@ -104819,7 +124684,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-4"
+                key="pad-5"
               >
                 <div
                   className="rt-tr-group"
@@ -104984,7 +124849,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-5"
+                key="pad-6"
               >
                 <div
                   className="rt-tr-group"
@@ -105149,7 +125014,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-6"
+                key="pad-7"
               >
                 <div
                   className="rt-tr-group"
@@ -105314,7 +125179,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-7"
+                key="pad-8"
               >
                 <div
                   className="rt-tr-group"
@@ -105479,7 +125344,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-8"
+                key="pad-9"
               >
                 <div
                   className="rt-tr-group"
@@ -105644,7 +125509,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-9"
+                key="pad-10"
               >
                 <div
                   className="rt-tr-group"
@@ -105809,7 +125674,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-10"
+                key="pad-11"
               >
                 <div
                   className="rt-tr-group"
@@ -105974,7 +125839,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-11"
+                key="pad-12"
               >
                 <div
                   className="rt-tr-group"
@@ -106139,7 +126004,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-12"
+                key="pad-13"
               >
                 <div
                   className="rt-tr-group"
@@ -106304,7 +126169,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-13"
+                key="pad-14"
               >
                 <div
                   className="rt-tr-group"
@@ -106469,7 +126334,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-14"
+                key="pad-15"
               >
                 <div
                   className="rt-tr-group"
@@ -106634,7 +126499,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 </div>
               </TrGroupComponent>
               <TrGroupComponent
-                key="pad-15"
+                key="pad-16"
               >
                 <div
                   className="rt-tr-group"
@@ -107221,32 +127086,25 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
           data={
             Array [
               Object {
-                "id": 1,
-                "location": "District A",
-                "parent_id": null,
-                "spray_coverage": "80%",
-                "spray_effectiveness": "80%",
-              },
-              Object {
-                "id": 2,
-                "location": "District B",
-                "parent_id": null,
-                "spray_coverage": "75%",
-                "spray_effectiveness": "85%",
+                "id": 9,
+                "location": "Operational Area 9",
+                "parent_id": 4,
+                "spray_coverage": "70%",
+                "spray_effectiveness": "90%",
               },
               Object {
-                "id": 3,
-                "location": "District C",
-                "parent_id": null,
-                "spray_coverage": "90%",
-                "spray_effectiveness": "90%",
+                "id": 10,
+                "location": "Operational Area 10",
+                "parent_id": 4,
+                "spray_coverage": "80%",
+                "spray_effectiveness": "100%",
               },
               Object {
-                "id": 18,
-                "location": "District D",
-                "parent_id": null,
-                "spray_coverage": "0%",
-                "spray_effectiveness": "0%",
+                "id": 11,
+                "location": "Operational Area 11",
+                "parent_id": 4,
+                "spray_coverage": "100%",
+                "spray_effectiveness": "100%",
               },
             ]
           }
@@ -107295,6 +127153,7 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
           getTrGroupProps={[Function]}
           getTrProps={[Function]}
           groupedByPivotKey="_groupedByPivot"
+          hasChildren={[Function]}
           hasHeaderGroups={false}
           headerGroups={Array []}
           identifierField="id"
@@ -107345,69 +127204,52 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 "_index": 0,
                 "_nestingLevel": 0,
                 "_original": Object {
-                  "id": 1,
-                  "location": "District A",
-                  "parent_id": null,
-                  "spray_coverage": "80%",
-                  "spray_effectiveness": "80%",
+                  "id": 9,
+                  "location": "Operational Area 9",
+                  "parent_id": 4,
+                  "spray_coverage": "70%",
+                  "spray_effectiveness": "90%",
                 },
                 "_subRows": undefined,
-                "id": 1,
-                "location": "District A",
-                "parent_id": null,
-                "spray_coverage": "80%",
-                "spray_effectiveness": "80%",
+                "id": 9,
+                "location": "Operational Area 9",
+                "parent_id": 4,
+                "spray_coverage": "70%",
+                "spray_effectiveness": "90%",
               },
               Object {
                 "_index": 1,
                 "_nestingLevel": 0,
                 "_original": Object {
-                  "id": 2,
-                  "location": "District B",
-                  "parent_id": null,
-                  "spray_coverage": "75%",
-                  "spray_effectiveness": "85%",
+                  "id": 10,
+                  "location": "Operational Area 10",
+                  "parent_id": 4,
+                  "spray_coverage": "80%",
+                  "spray_effectiveness": "100%",
                 },
                 "_subRows": undefined,
-                "id": 2,
-                "location": "District B",
-                "parent_id": null,
-                "spray_coverage": "75%",
-                "spray_effectiveness": "85%",
+                "id": 10,
+                "location": "Operational Area 10",
+                "parent_id": 4,
+                "spray_coverage": "80%",
+                "spray_effectiveness": "100%",
               },
               Object {
                 "_index": 2,
                 "_nestingLevel": 0,
                 "_original": Object {
-                  "id": 3,
-                  "location": "District C",
-                  "parent_id": null,
-                  "spray_coverage": "90%",
-                  "spray_effectiveness": "90%",
-                },
-                "_subRows": undefined,
-                "id": 3,
-                "location": "District C",
-                "parent_id": null,
-                "spray_coverage": "90%",
-                "spray_effectiveness": "90%",
-              },
-              Object {
-                "_index": 3,
-                "_nestingLevel": 0,
-                "_original": Object {
-                  "id": 18,
-                  "location": "District D",
-                  "parent_id": null,
-                  "spray_coverage": "0%",
-                  "spray_effectiveness": "0%",
+                  "id": 11,
+                  "location": "Operational Area 11",
+                  "parent_id": 4,
+                  "spray_coverage": "100%",
+                  "spray_effectiveness": "100%",
                 },
                 "_subRows": undefined,
-                "id": 18,
-                "location": "District D",
-                "parent_id": null,
-                "spray_coverage": "0%",
-                "spray_effectiveness": "0%",
+                "id": 11,
+                "location": "Operational Area 11",
+                "parent_id": 4,
+                "spray_coverage": "100%",
+                "spray_effectiveness": "100%",
               },
             ]
           }
@@ -107428,74 +127270,57 @@ exports[`DrillDownTable works fine with useDrillDownTrProps being flase 1`] = `
                 "_index": 0,
                 "_nestingLevel": 0,
                 "_original": Object {
-                  "id": 1,
-                  "location": "District A",
-                  "parent_id": null,
-                  "spray_coverage": "80%",
-                  "spray_effectiveness": "80%",
+                  "id": 9,
+                  "location": "Operational Area 9",
+                  "parent_id": 4,
+                  "spray_coverage": "70%",
+                  "spray_effectiveness": "90%",
                 },
                 "_subRows": undefined,
-                "id": 1,
-                "location": "District A",
-                "parent_id": null,
-                "spray_coverage": "80%",
-                "spray_effectiveness": "80%",
+                "id": 9,
+                "location": "Operational Area 9",
+                "parent_id": 4,
+                "spray_coverage": "70%",
+                "spray_effectiveness": "90%",
               },
               Object {
                 "_index": 1,
                 "_nestingLevel": 0,
                 "_original": Object {
-                  "id": 2,
-                  "location": "District B",
-                  "parent_id": null,
-                  "spray_coverage": "75%",
-                  "spray_effectiveness": "85%",
+                  "id": 10,
+                  "location": "Operational Area 10",
+                  "parent_id": 4,
+                  "spray_coverage": "80%",
+                  "spray_effectiveness": "100%",
                 },
                 "_subRows": undefined,
-                "id": 2,
-                "location": "District B",
-                "parent_id": null,
-                "spray_coverage": "75%",
-                "spray_effectiveness": "85%",
+                "id": 10,
+                "location": "Operational Area 10",
+                "parent_id": 4,
+                "spray_coverage": "80%",
+                "spray_effectiveness": "100%",
               },
               Object {
                 "_index": 2,
                 "_nestingLevel": 0,
                 "_original": Object {
-                  "id": 3,
-                  "location": "District C",
-                  "parent_id": null,
-                  "spray_coverage": "90%",
-                  "spray_effectiveness": "90%",
-                },
-                "_subRows": undefined,
-                "id": 3,
-                "location": "District C",
-                "parent_id": null,
-                "spray_coverage": "90%",
-                "spray_effectiveness": "90%",
-              },
-              Object {
-                "_index": 3,
-                "_nestingLevel": 0,
-                "_original": Object {
-                  "id": 18,
-                  "location": "District D",
-                  "parent_id": null,
-                  "spray_coverage": "0%",
-                  "spray_effectiveness": "0%",
+                  "id": 11,
+                  "location": "Operational Area 11",
+                  "parent_id": 4,
+                  "spray_coverage": "100%",
+                  "spray_effectiveness": "100%",
                 },
                 "_subRows": undefined,
-                "id": 18,
-                "location": "District D",
-                "parent_id": null,
-                "spray_coverage": "0%",
-                "spray_effectiveness": "0%",
+                "id": 11,
+                "location": "Operational Area 11",
+                "parent_id": 4,
+                "spray_coverage": "100%",
+                "spray_effectiveness": "100%",
               },
             ]
           }
           subRowsKey="_subRows"
-          useDrillDownTrProps={false}
+          useDrillDownTrProps={true}
         >
           <div
             className="-pagination"
diff --git a/packages/SupersetConnector/dist/tests/fixture.csv b/packages/SupersetConnector/dist/tests/fixture.csv
deleted file mode 100644
index b55d569e..00000000
--- a/packages/SupersetConnector/dist/tests/fixture.csv
+++ /dev/null
@@ -1,4 +0,0 @@
-id,a,b,c,d
-0,1,1,1,1
-1,2,2,2,2
-2,3,3,3,3
\ No newline at end of file
diff --git a/packages/SupersetConnector/dist/tests/fixtures.js b/packages/SupersetConnector/dist/tests/fixtures.js
deleted file mode 100644
index 51c05d4e..00000000
--- a/packages/SupersetConnector/dist/tests/fixtures.js
+++ /dev/null
@@ -1,525 +0,0 @@
-export const sliceResponse = {
-  cache_key: null,
-  cached_dttm: null,
-  cache_timeout: 86400,
-  error: null,
-  form_data: {
-    datasource: '15__table',
-    viz_type: 'table',
-    slice_id: 892,
-    url_params: {},
-    granularity_sqla: null,
-    time_grain_sqla: null,
-    time_range: 'Last year',
-    groupby: ['pd_number', 'general_info_info_data_giq3', 'general_info_info_data_giq11_measure'],
-    metrics: [
-      {
-        expressionType: 'SIMPLE',
-        column: {
-          id: 1242,
-          column_name: 'general_info_info_data_giq12',
-          verbose_name: 'Population Served by Station',
-          description: 'Population Served by Station',
-          expression: '.0f',
-          filterable: true,
-          groupby: true,
-          is_dttm: false,
-          type: 'BIGINT',
-          database_expression: '',
-          python_date_format: '',
-          optionName: '_col_general_info_info_data_giq12'
-        },
-        aggregate: 'SUM',
-        sqlExpression: null,
-        hasCustomLabel: true,
-        fromFormData: true,
-        label: 'PD Reported Population',
-        optionName: 'metric_4porpj1rpqh_wtm6vgi5nq'
-      },
-      {
-        expressionType: 'SIMPLE',
-        column: {
-          id: 1243,
-          column_name: 'doc_pop',
-          verbose_name: 'Pre-Survey Population',
-          description: 'Pre-Survey Population',
-          expression: '.0f',
-          filterable: true,
-          groupby: true,
-          is_dttm: false,
-          type: 'INTEGER',
-          database_expression: '',
-          python_date_format: '',
-          optionName: '_col_doc_pop'
-        },
-        aggregate: 'SUM',
-        sqlExpression: null,
-        hasCustomLabel: true,
-        fromFormData: true,
-        label: 'Population - Official Statistics',
-        optionName: 'metric_s8uo71810j_2zbllr8my76'
-      },
-      {
-        expressionType: 'SQL',
-        sqlExpression: 'SUM(general_info_info_data_giq12)/SUM(general_info_info_data_giq11)',
-        column: null,
-        aggregate: null,
-        hasCustomLabel: true,
-        fromFormData: true,
-        label: 'Population Density - PD Reported',
-        optionName: 'metric_ytc6g9ioghi_34wxpd2yb4e'
-      },
-      {
-        expressionType: 'SQL',
-        sqlExpression: 'SUM(doc_pop)/SUM(general_info_info_data_giq11)',
-        column: null,
-        aggregate: null,
-        hasCustomLabel: true,
-        fromFormData: true,
-        label: 'Population Density - Official Statistics',
-        optionName: 'metric_rgxbkflwz5o_dk6div82nln'
-      }
-    ],
-    percent_metrics: [],
-    timeseries_limit_metric: {
-      expressionType: 'SIMPLE',
-      column: {
-        id: 2012,
-        column_name: 'number_pd',
-        verbose_name: 'PD Number',
-        description: 'PD Number',
-        expression: "SUBSTRING(pd_number, POSITION('PD' IN pd_number) + 2)",
-        filterable: true,
-        groupby: true,
-        is_dttm: false,
-        type: 'INTEGER',
-        database_expression: '',
-        python_date_format: '',
-        optionName: '_col_number_pd'
-      },
-      aggregate: 'MIN',
-      sqlExpression: null,
-      hasCustomLabel: false,
-      fromFormData: true,
-      label: 'MIN(number_pd)',
-      optionName: 'metric_18ithcjlw33_mymxvpocni'
-    },
-    row_limit: 10000,
-    include_time: false,
-    order_desc: false,
-    all_columns: [],
-    order_by_cols: [],
-    adhoc_filters: [],
-    table_timestamp_format: '%Y-%m-%d %H:%M:%S',
-    page_length: 0,
-    include_search: false,
-    table_filter: true,
-    align_pn: false,
-    color_pn: true,
-    where: '',
-    having: '',
-    having_filters: [],
-    filters: []
-  },
-  is_cached: false,
-  query:
-    'SELECT pd_number AS pd_number,\n       general_info_info_data_giq3 AS general_info_info_data_giq3,\n       general_info_info_data_giq11_measure AS general_info_info_data_giq11_measure,\n       SUM(general_info_info_data_giq12) AS "PD Reported Population",\n       SUM(doc_pop) AS "Population - Official Statistics",\n       SUM(general_info_info_data_giq12)/SUM(general_info_info_data_giq11) AS "Population Density - PD Reported",\n       SUM(doc_pop)/SUM(general_info_info_data_giq11) AS "Population Density - Official Statistics",\n       MIN(SUBSTRING(pd_number, POSITION(\'PD\' IN pd_number) + 2)) AS "MIN(number_pd)"\nFROM pd_data_afghanistan\nGROUP BY pd_number,\n         general_info_info_data_giq3,\n         general_info_info_data_giq11_measure\nORDER BY MIN(SUBSTRING(pd_number, POSITION(\'PD\' IN pd_number) + 2)) ASC\nLIMIT 10000;',
-  status: 'success',
-  stacktrace: null,
-  rowcount: 17,
-  data: {
-    records: [
-      {
-        pd_number: 'PD1',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Squared Kilometers',
-        'PD Reported Population': 216000.0,
-        'Population - Official Statistics': 105195.0,
-        'Population Density - PD Reported': 19907.8341013825,
-        'Population Density - Official Statistics': 9695.39170506913,
-        'MIN(number_pd)': '1'
-      },
-      {
-        pd_number: 'PD10',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Hectares',
-        'PD Reported Population': 95000.0,
-        'Population - Official Statistics': 355939.0,
-        'Population Density - PD Reported': 69.0909090909091,
-        'Population Density - Official Statistics': 258.864727272727,
-        'MIN(number_pd)': '10'
-      },
-      {
-        pd_number: 'PD11',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Hectares',
-        'PD Reported Population': 1150000.0,
-        'Population - Official Statistics': 278580.0,
-        'Population Density - PD Reported': 6693.05086718659,
-        'Population Density - Official Statistics': 1621.34792224421,
-        'MIN(number_pd)': '11'
-      },
-      {
-        pd_number: 'PD12',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Squared Kilometers',
-        'PD Reported Population': 333500.0,
-        'Population - Official Statistics': 51310.0,
-        'Population Density - PD Reported': 5379.03225806452,
-        'Population Density - Official Statistics': 827.58064516129,
-        'MIN(number_pd)': '12'
-      },
-      {
-        pd_number: 'PD13',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Squared Kilometers',
-        'PD Reported Population': 710000.0,
-        'Population - Official Statistics': 235542.0,
-        'Population Density - PD Reported': 10923.0769230769,
-        'Population Density - Official Statistics': 3623.72307692308,
-        'MIN(number_pd)': '13'
-      },
-      {
-        pd_number: 'PD15',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Squared Kilometers',
-        'PD Reported Population': 580000.0,
-        'Population - Official Statistics': 381091.0,
-        'Population Density - PD Reported': 18125.0,
-        'Population Density - Official Statistics': 11909.09375,
-        'MIN(number_pd)': '15'
-      },
-      {
-        pd_number: 'PD16',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Squared Kilometers',
-        'PD Reported Population': 250000.0,
-        'Population - Official Statistics': 165336.0,
-        'Population Density - PD Reported': 6944.44444444444,
-        'Population Density - Official Statistics': 4592.66666666667,
-        'MIN(number_pd)': '16'
-      },
-      {
-        pd_number: 'PD17',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Squared Kilometers',
-        'PD Reported Population': 700000.0,
-        'Population - Official Statistics': 103739.0,
-        'Population Density - PD Reported': 38888.8888888889,
-        'Population Density - Official Statistics': 5763.27777777778,
-        'MIN(number_pd)': '17'
-      },
-      {
-        pd_number: 'PD18',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Squared Kilometers',
-        'PD Reported Population': 903000.0,
-        'Population - Official Statistics': 0.0,
-        'Population Density - PD Reported': 15842.1052631579,
-        'Population Density - Official Statistics': 0.0,
-        'MIN(number_pd)': '18'
-      },
-      {
-        pd_number: 'PD2',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Hectares',
-        'PD Reported Population': 280000.0,
-        'Population - Official Statistics': 128111.0,
-        'Population Density - PD Reported': 29473.6842105263,
-        'Population Density - Official Statistics': 13485.3684210526,
-        'MIN(number_pd)': '2'
-      },
-      {
-        pd_number: 'PD3',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Hectares',
-        'PD Reported Population': 454167.0,
-        'Population - Official Statistics': 155164.0,
-        'Population Density - PD Reported': 76977.4576271186,
-        'Population Density - Official Statistics': 26298.9830508475,
-        'MIN(number_pd)': '3'
-      },
-      {
-        pd_number: 'PD4',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Squared Kilometers',
-        'PD Reported Population': 600000.0,
-        'Population - Official Statistics': 330115.0,
-        'Population Density - PD Reported': 64405.324173465,
-        'Population Density - Official Statistics': 35435.2726492057,
-        'MIN(number_pd)': '4'
-      },
-      {
-        pd_number: 'PD5',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Hectares',
-        'PD Reported Population': 1000000.0,
-        'Population - Official Statistics': 304738.0,
-        'Population Density - PD Reported': 13333.3333333333,
-        'Population Density - Official Statistics': 4063.17333333333,
-        'MIN(number_pd)': '5'
-      },
-      {
-        pd_number: 'PD6',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Hectares',
-        'PD Reported Population': 900000.0,
-        'Population - Official Statistics': 337380.0,
-        'Population Density - PD Reported': 20000.0,
-        'Population Density - Official Statistics': 7497.33333333333,
-        'MIN(number_pd)': '6'
-      },
-      {
-        pd_number: 'PD7',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Squared Kilometers',
-        'PD Reported Population': 475000.0,
-        'Population - Official Statistics': 403561.0,
-        'Population Density - PD Reported': 13380.2816901408,
-        'Population Density - Official Statistics': 11367.9154929577,
-        'MIN(number_pd)': '7'
-      },
-      {
-        pd_number: 'PD8',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Squared Kilometers',
-        'PD Reported Population': 750000.0,
-        'Population - Official Statistics': 335481.0,
-        'Population Density - PD Reported': 10416.6666666667,
-        'Population Density - Official Statistics': 4659.45833333333,
-        'MIN(number_pd)': '8'
-      },
-      {
-        pd_number: 'PD9',
-        general_info_info_data_giq3: 'Kabul',
-        general_info_info_data_giq11_measure: 'Squared Kilometers',
-        'PD Reported Population': 832000.0,
-        'Population - Official Statistics': 290205.0,
-        'Population Density - PD Reported': 104.0,
-        'Population Density - Official Statistics': 36.275625,
-        'MIN(number_pd)': '9'
-      }
-    ],
-    columns: [
-      'pd_number',
-      'general_info_info_data_giq3',
-      'general_info_info_data_giq11_measure',
-      'PD Reported Population',
-      'Population - Official Statistics',
-      'Population Density - PD Reported',
-      'Population Density - Official Statistics',
-      'MIN(number_pd)'
-    ]
-  }
-};
-
-export const parsedSliceResponse = [
-  {
-    pd_number: 'PD1',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Squared Kilometers',
-    'PD Reported Population': 216000.0,
-    'Population - Official Statistics': 105195.0,
-    'Population Density - PD Reported': 19907.8341013825,
-    'Population Density - Official Statistics': 9695.39170506913,
-    'MIN(number_pd)': '1'
-  },
-  {
-    pd_number: 'PD10',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Hectares',
-    'PD Reported Population': 95000.0,
-    'Population - Official Statistics': 355939.0,
-    'Population Density - PD Reported': 69.0909090909091,
-    'Population Density - Official Statistics': 258.864727272727,
-    'MIN(number_pd)': '10'
-  },
-  {
-    pd_number: 'PD11',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Hectares',
-    'PD Reported Population': 1150000.0,
-    'Population - Official Statistics': 278580.0,
-    'Population Density - PD Reported': 6693.05086718659,
-    'Population Density - Official Statistics': 1621.34792224421,
-    'MIN(number_pd)': '11'
-  },
-  {
-    pd_number: 'PD12',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Squared Kilometers',
-    'PD Reported Population': 333500.0,
-    'Population - Official Statistics': 51310.0,
-    'Population Density - PD Reported': 5379.03225806452,
-    'Population Density - Official Statistics': 827.58064516129,
-    'MIN(number_pd)': '12'
-  },
-  {
-    pd_number: 'PD13',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Squared Kilometers',
-    'PD Reported Population': 710000.0,
-    'Population - Official Statistics': 235542.0,
-    'Population Density - PD Reported': 10923.0769230769,
-    'Population Density - Official Statistics': 3623.72307692308,
-    'MIN(number_pd)': '13'
-  },
-  {
-    pd_number: 'PD15',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Squared Kilometers',
-    'PD Reported Population': 580000.0,
-    'Population - Official Statistics': 381091.0,
-    'Population Density - PD Reported': 18125.0,
-    'Population Density - Official Statistics': 11909.09375,
-    'MIN(number_pd)': '15'
-  },
-  {
-    pd_number: 'PD16',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Squared Kilometers',
-    'PD Reported Population': 250000.0,
-    'Population - Official Statistics': 165336.0,
-    'Population Density - PD Reported': 6944.44444444444,
-    'Population Density - Official Statistics': 4592.66666666667,
-    'MIN(number_pd)': '16'
-  },
-  {
-    pd_number: 'PD17',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Squared Kilometers',
-    'PD Reported Population': 700000.0,
-    'Population - Official Statistics': 103739.0,
-    'Population Density - PD Reported': 38888.8888888889,
-    'Population Density - Official Statistics': 5763.27777777778,
-    'MIN(number_pd)': '17'
-  },
-  {
-    pd_number: 'PD18',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Squared Kilometers',
-    'PD Reported Population': 903000.0,
-    'Population - Official Statistics': 0.0,
-    'Population Density - PD Reported': 15842.1052631579,
-    'Population Density - Official Statistics': 0.0,
-    'MIN(number_pd)': '18'
-  },
-  {
-    pd_number: 'PD2',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Hectares',
-    'PD Reported Population': 280000.0,
-    'Population - Official Statistics': 128111.0,
-    'Population Density - PD Reported': 29473.6842105263,
-    'Population Density - Official Statistics': 13485.3684210526,
-    'MIN(number_pd)': '2'
-  },
-  {
-    pd_number: 'PD3',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Hectares',
-    'PD Reported Population': 454167.0,
-    'Population - Official Statistics': 155164.0,
-    'Population Density - PD Reported': 76977.4576271186,
-    'Population Density - Official Statistics': 26298.9830508475,
-    'MIN(number_pd)': '3'
-  },
-  {
-    pd_number: 'PD4',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Squared Kilometers',
-    'PD Reported Population': 600000.0,
-    'Population - Official Statistics': 330115.0,
-    'Population Density - PD Reported': 64405.324173465,
-    'Population Density - Official Statistics': 35435.2726492057,
-    'MIN(number_pd)': '4'
-  },
-  {
-    pd_number: 'PD5',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Hectares',
-    'PD Reported Population': 1000000.0,
-    'Population - Official Statistics': 304738.0,
-    'Population Density - PD Reported': 13333.3333333333,
-    'Population Density - Official Statistics': 4063.17333333333,
-    'MIN(number_pd)': '5'
-  },
-  {
-    pd_number: 'PD6',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Hectares',
-    'PD Reported Population': 900000.0,
-    'Population - Official Statistics': 337380.0,
-    'Population Density - PD Reported': 20000.0,
-    'Population Density - Official Statistics': 7497.33333333333,
-    'MIN(number_pd)': '6'
-  },
-  {
-    pd_number: 'PD7',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Squared Kilometers',
-    'PD Reported Population': 475000.0,
-    'Population - Official Statistics': 403561.0,
-    'Population Density - PD Reported': 13380.2816901408,
-    'Population Density - Official Statistics': 11367.9154929577,
-    'MIN(number_pd)': '7'
-  },
-  {
-    pd_number: 'PD8',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Squared Kilometers',
-    'PD Reported Population': 750000.0,
-    'Population - Official Statistics': 335481.0,
-    'Population Density - PD Reported': 10416.6666666667,
-    'Population Density - Official Statistics': 4659.45833333333,
-    'MIN(number_pd)': '8'
-  },
-  {
-    pd_number: 'PD9',
-    general_info_info_data_giq3: 'Kabul',
-    general_info_info_data_giq11_measure: 'Squared Kilometers',
-    'PD Reported Population': 832000.0,
-    'Population - Official Statistics': 290205.0,
-    'Population Density - PD Reported': 104.0,
-    'Population Density - Official Statistics': 36.275625,
-    'MIN(number_pd)': '9'
-  }
-];
-
-export const testCSV = 'id,a,b,c,d\n0,1,1,1,1\n1,2,2,2,2\n2,3,3,3,3';
-
-export const parsedCSV = [
-  {
-    id: 0,
-    a: 1,
-    b: 1,
-    c: 1,
-    d: 1
-  },
-  {
-    id: 1,
-    a: 2,
-    b: 2,
-    c: 2,
-    d: 2
-  },
-  {
-    id: 2,
-    a: 3,
-    b: 3,
-    c: 3,
-    d: 3
-  },
-  {
-    id: 3,
-    a: 4,
-    b: 4,
-    c: 4,
-    d: 4
-  }
-];
-
-export default {
-  sliceResponse,
-  parsedSliceResponse
-};
diff --git a/packages/SupersetConnector/dist/tests/supersetConnector.test.js b/packages/SupersetConnector/dist/tests/supersetConnector.test.js
deleted file mode 100644
index fd4e899c..00000000
--- a/packages/SupersetConnector/dist/tests/supersetConnector.test.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import superset from '..';
-import { sliceResponse, parsedSliceResponse } from './fixtures';
-
-global.fetch = require('jest-fetch-mock');
-
-describe('superset-connector', () => {
-  it('should authorize a user using an Ona token', async () => {
-    fetch.mockResponseOnce(JSON.stringify({}));
-    const authZstatus = await superset.authZ(
-      {
-        token: 'abcdefghij'
-      },
-      res => res.status
-    );
-    expect(authZstatus).toEqual(200);
-  });
-
-  it('should not authorize a user using an expired Ona token', async () => {
-    fetch.mockRejectOnce({ status: 302 });
-    const authZstatus = await superset.authZ(
-      {
-        token: 'abcdefghij'
-      },
-      res => res.status
-    );
-    expect(authZstatus).toEqual(302);
-  });
-
-  it('should fetch from the Slice API without a callback', async () => {
-    fetch.mockResponseOnce(JSON.stringify(sliceResponse));
-    const res = await superset.api.fetch({
-      endpoint: 'slice',
-      extraPath: '892'
-    });
-    expect(res).toEqual(sliceResponse);
-  });
-
-  it('should fetch from the Slice API with a callback', async () => {
-    fetch.mockResponseOnce(JSON.stringify(sliceResponse));
-    const data = await superset.api.fetch(
-      {
-        endpoint: 'slice',
-        extraPath: '892'
-      },
-      res => superset.processData(res)
-    );
-    expect(data).toEqual(parsedSliceResponse);
-  });
-
-  it('should parse Slice data from Slice response', () => {
-    expect(superset.processData(sliceResponse)).toEqual(parsedSliceResponse);
-  });
-
-  it('should de-authorize a user', async () => {
-    fetch.mockResponseOnce(JSON.stringify({}));
-    const resStatus = await superset.deAuthZ(null, res => res.status);
-    expect(resStatus).toEqual(200);
-  });
-});