diff --git a/README.md b/README.md
index 716a961..34a100a 100644
--- a/README.md
+++ b/README.md
@@ -30,53 +30,64 @@
## Features
-* Lightweight at 11kb (and just 2kb more for styles)
-* Fully customizable (JSX, templates, state, styles, callbacks)
-* Client-side & Server-side pagination
-* Multi-sort
-* Filters
-* Pivoting & Aggregation
-* Minimal design & easily themeable
-* Fully controllable via optional props and callbacks
-* "Why I wrote React Table and the problems it has solved for Nozzle.io" by Tanner Linsley
+- Lightweight at 11kb (and just 2kb more for styles)
+- Fully customizable (JSX, templates, state, styles, callbacks)
+- Client-side & Server-side pagination
+- Multi-sort
+- Filters
+- Pivoting & Aggregation
+- Minimal design & easily themeable
+- Fully controllable via optional props and callbacks
+- "Why I wrote React Table and the problems it has solved for Nozzle.io" by Tanner Linsley
## [Demos and examples](http://react-table.js.org/#/story/simple-table)
## Versions
-* This documentation is for version 6 of react-table.
-* [View the Changelog](https://github.com/react-tools/react-table/blob/master/CHANGELOG.md)
-* Previous versions:
- * [5.x.x Readme](https://github.com/react-tools/react-table/blob/ad7d31cd3978eb45da7c6194dbab93c1e9a8594d/README.md)
-
+- This documentation is for version 6 of react-table.
+- [View the Changelog](https://github.com/react-tools/react-table/blob/master/CHANGELOG.md)
+- Previous versions:
+
+ - [5.x.x Readme](https://github.com/react-tools/react-table/blob/ad7d31cd3978eb45da7c6194dbab93c1e9a8594d/README.md)
+
## Sponsors
-[](https://patreon.com/tannerlinsley)
+| | |
+| --------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
+| [](https://patreon.com/tannerlinsley) | [](https://tryretool.com) |
-**React Table v7** is mostly planned and I (@tannerlinsley) am looking for Patreon support to make it a reality. It will require a decent time commitment on my part to not only implement it, but also help people migrate and maintain it. If you would like to contribute to my Patreon goal for v7, [visit my Patreon and help me out!](https://patreon.com/tannerlinsley). Gold
+| | | |
+| ------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------ |
+| [](https://patreon.com/tannerlinsley) | [](https://tryretool.com) | [](https://tryretool.com) |
+
+| | | | |
+| ----------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- |
+| [](https://patreon.com/tannerlinsley) | [](https://tryretool.com) | [](https://tryretool.com) | [](https://tryretool.com) |
+
+**React Table v7** is mostly planned and I (@tannerlinsley) am looking for Patreon support to make it a reality. It will require a decent time commitment on my part to not only implement it, but also help people migrate and maintain it. If you would like to contribute to my Patreon goal for v7, [visit my Patreon and help me out!](https://patreon.com/tannerlinsley). Gold
## Table of Contents
-* [Installation](#installation)
-* [Example](#example)
-* [Data](#data)
-* [Props](#props)
-* [Columns](#columns)
-* [Column Header Groups](#column-header-groups)
-* [Custom Cell and Header and Footer Rendering](#custom-cell-header-and-footer-rendering)
-* [Styles](#styles)
-* [Custom Props](#custom-props)
-* [Pivoting and Aggregation](#pivoting-and-aggregation)
-* [Sub Tables and Sub Components](#sub-tables-and-sub-components)
-* [Server-side Data](#server-side-data)
-* [Fully Controlled Component](#fully-controlled-component)
-* [Functional Rendering](#functional-rendering)
-* [Multi-Sort](#multi-sort)
-* [Filtering](#filtering)
-* [Component Overrides](#component-overrides)
-* [Contributing](#contributing)
-* [Scripts](#scripts)
-* [Used By](#used-by)
+- [Installation](#installation)
+- [Example](#example)
+- [Data](#data)
+- [Props](#props)
+- [Columns](#columns)
+- [Column Header Groups](#column-header-groups)
+- [Custom Cell and Header and Footer Rendering](#custom-cell-header-and-footer-rendering)
+- [Styles](#styles)
+- [Custom Props](#custom-props)
+- [Pivoting and Aggregation](#pivoting-and-aggregation)
+- [Sub Tables and Sub Components](#sub-tables-and-sub-components)
+- [Server-side Data](#server-side-data)
+- [Fully Controlled Component](#fully-controlled-component)
+- [Functional Rendering](#functional-rendering)
+- [Multi-Sort](#multi-sort)
+- [Filtering](#filtering)
+- [Component Overrides](#component-overrides)
+- [Contributing](#contributing)
+- [Scripts](#scripts)
+- [Used By](#used-by)
## Installation
@@ -111,16 +122,19 @@ import 'react-table/react-table.css'
##### CDN
```html
-
-
+
+
-
-
-
+
+
+
-
+
```
## Example
@@ -357,7 +371,7 @@ These are all of the available props (and their default values) for the main ` 66
? "#85cc00"
: row.value > 33
- ? "#ffbf00"
- : "#ff2e00",
+ ? "#ffbf00"
+ : "#ff2e00",
borderRadius: "2px",
transition: "all .2s ease-out"
}}
@@ -604,14 +618,14 @@ const columns = [
## Styles
-* React-table ships with a minimal and clean stylesheet to get you on your feet quickly.
-* The stylesheet is located at `react-table/react-table.css`.
-* There are countless ways to import a stylesheet. If you have questions on how to do so, consult the documentation of your build system.
+- React-table ships with a minimal and clean stylesheet to get you on your feet quickly.
+- The stylesheet is located at `react-table/react-table.css`.
+- There are countless ways to import a stylesheet. If you have questions on how to do so, consult the documentation of your build system.
#### Classes
-* Adding a `-striped` className to ReactTable will slightly color odd numbered rows for legibility
-* Adding a `-highlight` className to ReactTable will highlight any row as you hover over it
+- Adding a `-striped` className to ReactTable will slightly color odd numbered rows for legibility
+- Adding a `-highlight` className to ReactTable will highlight any row as you hover over it
#### CSS
@@ -884,15 +898,15 @@ Possibly one of the coolest features of React-Table is its ability to expose int
The function you pass will be called with the following items:
-* Fully-resolved state of the table
-* A function that returns the standard table component
-* The instance of the component
+- Fully-resolved state of the table
+- A function that returns the standard table component
+- The instance of the component
You can then return any JSX or react you want! This turns out to be perfect for:
-* Accessing the internal state of the table without a `ref`
-* Decorating the table or extending it with your own UI
-* Building your own custom display logic
+- Accessing the internal state of the table without a `ref`
+- Decorating the table or extending it with your own UI
+- Building your own custom display logic
Accessing internal state and wrapping with more UI:
@@ -927,10 +941,10 @@ The possibilities are endless!
Sorting comes built in with React-Table.
-* Click a column header to sort by its accessor.
-* Click it again to reverse the sort.
-* Set `defaultSortDesc` property to `true` to make the first sort direction default to descending.
-* Override a specific column's default sort direction by using the same `defaultSortDesc` property on a column, set to `true`
+- Click a column header to sort by its accessor.
+- Click it again to reverse the sort.
+- Set `defaultSortDesc` property to `true` to make the first sort direction default to descending.
+- Override a specific column's default sort direction by using the same `defaultSortDesc` property on a column, set to `true`
## Multi-Sort
@@ -947,9 +961,9 @@ To override the sorting algorithm for a single column, use the `sortMethod` colu
Supply a function that implements the native javascript [`Array.sort`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) interface. This is React Table's default sorting algorithm:
-* `a` the first value to compare
-* `b` the second value to compare
-* `desc` true if sort is descending, false if ascending
+- `a` the first value to compare
+- `b` the second value to compare
+- `desc` true if sort is descending, false if ascending
```javascript
defaultSortMethod = (a, b, desc) => {
@@ -1033,19 +1047,19 @@ If you choose to change the core components React-Table uses to render, you must
To suggest a feature, create an issue if it does not already exist.
If you would like to help develop a suggested feature follow these steps:
-* Fork this repo
-* Install dependencies with `$ yarn`
-* Auto-build files as you edit with `$ yarn run watch`
-* Implement your changes to files in the `src/` directory
-* Run the React Story locally with `$ yarn run docs`
-* View changes as you edit `docs/src`
-* Submit PR for review
+- Fork this repo
+- Install dependencies with `$ yarn`
+- Auto-build files as you edit with `$ yarn run watch`
+- Implement your changes to files in the `src/` directory
+- Run the React Story locally with `$ yarn run docs`
+- View changes as you edit `docs/src`
+- Submit PR for review
#### Scripts
-* `$ yarn run watch` Watches files and builds via babel
-* `$ yarn run docs` Runs the storybook server
-* `$ yarn run test` Runs the test suite
+- `$ yarn run watch` Watches files and builds via babel
+- `$ yarn run docs` Runs the storybook server
+- `$ yarn run test` Runs the test suite
## Used By