1.3.0 • Published 7 years ago

react-sort-component v1.3.0

Weekly downloads
1
License
ISC
Repository
-
Last release
7 years ago

Travis

React Sort

This ReactSort compoent will help you render react components in a sorted manner.

Installation

npm install --save react-sort-component

or

yarn add react-sort-component (If you are using Yarn)

Usage

import ReactSort from 'react-sort';

<ReactSort 
    dataSource={[{ name: "messi", age: 25}, { name: "nithin", age: 12 }]}
    sortOptions={{ sortField: "age", sortDir: "des" }} >     
        { (props) => <div>{props.name} - {props.age}</div> }
</ReactSort>

ReactSort component gives you full control over how you build your UI. It is just a pure functional component to which you have to pass few props for it to work.

Props

Namerequireddescription
dataSourcetrueArray of objects
sortOptionstrue{ sortField: string, sortDir: 'asc'|'des', isCaseSensitive: boolean(optional, defaut = false) }
renderHeaderfalseFunction which receives three arguements and returns the custom header you specify. (utils, sortOptions, dataSource) => <Header />
1.3.0

7 years ago

1.2.1

7 years ago

1.2.0

7 years ago

1.1.3

7 years ago

1.1.2

7 years ago

1.1.1

7 years ago

1.1.0

7 years ago

1.0.0

7 years ago