Options
All
  • Public
  • Public/Protected
  • All
Menu

@danilandreev/mui-table-flexible

mui-table-flexible

logo

General

npm version GitHub Workflow Status npm (scoped) GitHub issues GitHub pull requests

Dependencies

David GitHub package.json dependency version (prod)

Social

GitHub stars GitHub watchers GitHub forks GitHub followers

Development

GitHub last commit GitHub commit activity GitHub language count GitHub top language

Overview

mui-table-flexible - table processor, designed to create tables with resize handlers for big amount of data.
flexible table example

Getting started

Installation

Using npm:

npm install mui-table-flexible

Using yarn:

yarn add mui-table-flexible

Usage

import React from "react";
import {
    FlexibleTable, 
    FlexibleTableCell, 
    FlexibleTableRow
} from "@danilandreev/mui-table-flexible";


export default function FlexibleTableExample() {
    const columns = [
        <FlexibleTableCell name={'hello'} key={'table-col-hello'}>Hello</FlexibleTableCell>,
        //  ...
    ];

    return (
        <FlexibleTable
            columns={columns}
        >
            <FlexibleTableRow>
                <FlexibleTableCell name={'hello'}>I've</FlexibleTableCell>
                 {/*...*/}
            </FlexibleTableRow>
            <FlexibleTableRow>
                <FlexibleTableCell name={'hello'}>Because</FlexibleTableCell>
                 {/*...*/}
            </FlexibleTableRow>
            <FlexibleTableRow>
                <FlexibleTableCell name={'hello'}>Left</FlexibleTableCell>
                 {/*...*/}
            </FlexibleTableRow>
        </FlexibleTable>
    );
}

Learn

You can find example project in this repository. Also, you can find more info in wiki.

Author

Danil Andreev | danssg08@gmail.com | https://github.com/DanilAndreev

Generated using TypeDoc