Sort an array (asc, desc) that holds data for tables
npm install array-table-sort
> Sort an array (asc, desc) that holds data for tables
* Why?
* Installation
* Functions
* Usage
* License
I wanted to have a simple way to sort a table component in react.
``sh`
$ npm i array-table-sort -S
or
`sh`
$ yarn add array-table-sort
Take a look into the usage section for a detailed example.
This function can sort on object keys (one row).
#### Syntax
Returns a new array.
`js`
const sortedArray = sortArrayByKey(data, options);
##### Parameters
* data: an array of object
* each object represents one row
* each key of one object has to be the name of the column
* each value of a key of one object is the value of the cell in the table
* options: an object
* the keys in that object has to be the name of the column + one key active
* the active key holds name the current column to sort
* each other key holds another object with one key (asc)
* asc equals true if the array is sorted ascending and false if descending
This function can filter (search) on the complete object (one row).
If one key value filter is true the object (row) is in the returned data set.
An example how to use it.
`js
const { sortArrayByKey } = require('array-table-sort');
/*
the data that is contained in the table
each row represented by an object
each column represented by the keys used in the objects
*/
const data = [
{
number: 1,
first: 'Mark',
},
{
number: 2,
first: 'Jacob',
},
{
number: 3,
first: 'Larry',
},
];
/*
the active key holds the current column to sort
each column has a key asc
the active key and the asc usually change on an event (e.g. button click etc)
*/
const sortOptions = {
active: 'first',
number: {
asc: false,
},
first: {
asc: true,
},
};
/*
returns a new array
const sortedTable = [
{
number: 2,
first: 'Jacob',
},
{
number: 3,
first: 'Larry',
},
{
number: 1,
first: 'Mark',
},
];
*/
const sortedTable = sortArrayByKey(data, sortOptions);
``
MIT © Lukas Aichbauer