Neptune: Planet or Myth?

    react-pedigree-table

    2.1.0 • Public • Published

    react-pedigree-table

    This library helps to build table view of tree object (pet`s pedigree) using ReactJS.

    Usage

    import React from 'react';
    import ReactDOM from 'react-dom';
    import Pedigree from 'react-pedigree-table';
    
    // Let`s say, you have a cat:
    const tree = {
      name: "Cat",
      mother: {
        name: "Mother cat",
        mother: {...},
        father:{...}
      },
      father: {
        name: "Father cat",
        mother: {...},
        father:{...}
      }
    };
    
    /* Lets drow it */
    ReactDOM.render(
      <Pedigree pedigreeData={tree}
                cellGenerator={generator}
                leftBranchFieldName={"father"}
                rightBranchFieldName={"mother"}
                depth={5} />, container
    );
    
    /* Function which receives a cat instance and returns content of the cell */
    function cellGenerator(item){
      return (
        <span>{item.name}</span>
      );
    }
    
    
    

    That`s it!

    Have a good time using it...

    V2.0.0 - Util moved into Pedigree

    Install

    npm i react-pedigree-table

    DownloadsWeekly Downloads

    5

    Version

    2.1.0

    License

    Apache-2.0

    Last publish

    Collaborators

    • radio-mkor