<commit_before>Reactable [![Build Status](https://travis-ci.org/glittershark/reactable.svg?branch=master)](https://travis-ci.org/glittershark/reactable)
=========

Fast, flexible, and simple data tables in React.

Reactable allows you to display tabular data client-side, and provides sorting,
filtering, and pagination over that data. It uses the power of [React.js][react]
to do all this very, very quickly, and provides an API that makes simple things
easy, while trying to get out of your way as much as possible if you want to do
something complicated or unconventional.

[react]: http://facebook.github.io/react/

This project is currently alpha-stage, which means the API may or may not be
unstable and there might be hidden bugs lurking around any corner. I'll try to
tag any releases with breaking changes, however, and the more people who use
this the faster we can get to 1.0!

**Note:** Version [0.9.8][0.9.8] is the last version that supports React 0.11 -
as of version 0.10.0 Reactable will only continue to support React
0.12 and higher.

[0.9.8]: https://github.com/glittershark/reactable/tree/0.9.8

## Table of Contents

- [Installation](#installation)
- [Usage](#usage)
  - [Further Customization](#further-customization)
  - [Even More Customization](#even-more-customization)
  - [Additional node types](#additional-node-types)
  - [Manually specifying columns](#manually-specifying-columns)
  - [Preventing escaping of HTML](#preventing-escaping-of-html)
  - [Pagination](#pagination)
  - [Sorting](#sorting)
  - [Filtering](#filtering)


## Installation

**Using Bower:**

```
bower install [--save] reactable
```

Or, you can just download the raw file
[here](https://github.com/glittershark/reactable/raw/master/build/reactable.js).

That file can be used either as an AMD module, as a CommonJS module in Node, or,
if neither are supported, will register the Reactable object as a property of
the `window` object.

Keep in mind that Reactable depends on the latest version of React (0.12),
**with addons**. That can be downloaded [here][download]

[download]: http://facebook.github.io/react/downloads.html

## Usage

The simplest example:

```jsx
var Table = Reactable.Table;
React.renderComponent(
    <Table className="table" data={[
        { Name: '<NAME>', Age: 18 },
        { Age: 23,  Name: '<NAME>' },
        { Age: 28, Position: 'Developer' },<commit_msg>Add documentation for CommonJS modules<commit_after>Reactable [![Build Status](https://travis-ci.org/glittershark/reactable.svg?branch=master)](https://travis-ci.org/glittershark/reactable)
=========

Fast, flexible, and simple data tables in React.

Reactable allows you to display tabular data client-side, and provides sorting,
filtering, and pagination over that data. It uses the power of [React.js][react]
to do all this very, very quickly, and provides an API that makes simple things
easy, while trying to get out of your way as much as possible if you want to do
something complicated or unconventional.

[react]: http://facebook.github.io/react/

This project is currently alpha-stage, which means the API may or may not be
unstable and there might be hidden bugs lurking around any corner. I'll try to
tag any releases with breaking changes, however, and the more people who use
this the faster we can get to 1.0!

**Note:** Version [0.9.8][0.9.8] is the last version that supports React 0.11 -
as of version 0.10.0 Reactable will only continue to support React
0.12 and higher.

[0.9.8]: https://github.com/glittershark/reactable/tree/0.9.8

## Table of Contents

- [Installation](#installation)
- [Usage](#usage)
  - [Further Customization](#further-customization)
  - [Even More Customization](#even-more-customization)
  - [Additional node types](#additional-node-types)
  - [Manually specifying columns](#manually-specifying-columns)
  - [Preventing escaping of HTML](#preventing-escaping-of-html)
  - [Pagination](#pagination)
  - [Sorting](#sorting)
  - [Filtering](#filtering)


## Installation

**Using Bower:**

```
bower install [--save] reactable
```

Or, you can just download the raw file
[here][build-file].

That file can be used either as an AMD module, as a CommonJS module in Node, or,
if neither are supported, will register the Reactable object as a property of
the `window` object.

Reactable also exposes a set of CommonJS modules for piece-by-piece use with 
Node, Webpack, Browserify, etc. These modules are located in the [`lib` folder
at the root of this repositiory][lib-folder].

Keep in mind that Reactable depends on the latest version of React (0.12),
**with addons**. That can be downloaded [here][download]

[build-file]: https://github.com/glittershark/reactable/raw/master/build/reactable.js
[download]: http://facebook.github.io/react/downloads.html
[lib-folder]: https://github.com/glittershark/reactable/tree/master/lib

## Usage

The simplest example:

```jsx
var Table = Reactable.Table;
React.renderComponent(
    <Table className="table" data={[
        { Name: '<NAME>', Age: 18 },
        { Age: 23,  Name: '<NAME>' },
        { Age: 28, Position: 'Developer' },
{'fraction_non_alphanumeric': 0.11976516634050881, 'fraction_numerical': 0.012915851272015656, 'mean_word_length': 4.374342797055731, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 7, 'https://': 9, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 12, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2779672', 'n_tokens_mistral': 1601, 'n_tokens_neox': 1514, 'n_words': 572}