ohxyz / datatable

A datatable in React

Datatable

Datatable with sorting functionality in React

Example

import React from 'react';
import ReactDOM from 'react-dom';
import { Datatable } from '@ohxyz/datatable';
import '@ohxyz/datatable/style/default.css';

let persons = [

    { height:  175,       name:    'Andrea'                    },
    { height:  167,       name:    'Anthony',  sex:     'Male' },
    { name:   'Annie',    sex:     'Female',   height:   180   },
    { name:   'Campbell', height:   175                        },
    { sex:    'Female',   name:    'Bennie',   height:   175   },
    { name:   'Cameron',  height:   173,       sex:     'Male' },
    { name:   'Benjamin', sex:     'Male',     height:   167   },
    { name:   'Anna',     sex:     'Female',   height:   169   },
    { name:   'Benson',   sex:     'Male'                      }
];

let columns = [

    { prop: 'name', name: 'Name' },
    { prop: 'sex', name: 'Gender' },
    { prop: 'height', name: 'Height(cm)' },
];

ReactDOM.render(
    <Datatable items={ persons } 
               cols={ columns } 
    />,
    document.getElementById('container')
);

Origin

Forked from https://github.com/ohxyz/grid