@codecraftkit/datatable

Made with create-react-library

Usage no npm install needed!

<script type="module">
  import codecraftkitDatatable from 'https://cdn.skypack.dev/@codecraftkit/datatable';
</script>

README

datatable

Made with create-react-library

NPM JavaScript Style Guide

Install

npm install --save @codecraftkit/datatable

Usage

import React, { Component } from 'react'

import Table from "@codecraftkit/datatable";


const ExampleComponent = () => {
    const list = [
        {
            _id: '1',
            name: 'userName1',
            lastName: 'userLastName1',
            address: 'Maracaibo',
            age: '26',
            occupation: 'Developer',
            color: 'green'
        },
        {
            _id: '2',
            name: 'userName2',
            lastName: 'userLastName2',
            address: 'Maracaibo',
            age: '29',
            occupation: 'Developer'
        },
        {
            _id: '3',
            name: 'userName3',
            lastName: 'userLastName3',
            address: 'Maracaibo',
            age: '18',
            occupation: 'Designer'
            color: 'blue'
        },
        {
            _id: '4',
            name: 'userName4',
            lastName: 'userLastName4',
            address: 'Maracaibo',
            age: '22',
            occupation: 'Developer'
        },
        {
            _id: '5',
            name: 'userName5',
            lastName: 'userLastName5',
            address: 'Maracaibo',
            age: '33',
            occupation: 'Developer'
        }
    ];

   const head = [
        'name',
        {field:'lastName', label:'Apellido'},
        'address',
        {field:'age', label:'Edad'},
        'color',
        'occupation',
    ];
  return (
        <Table
            list={list}
            head={head}
        />
    ))
}


License

MIT © CodeCraft