@heathmont/moon-table-v8-tw NPM

📦 Moon React Table component package

A Table component designed to provide flexibility and reusability for building dynamic tables in React applications.

🚀 Features

🏗 Modular components for building tables
📜 Scrollable cell support (CellScroller)
📏 Responsive table wrapper (TableWrapper)
🔄 Separate components for table structure (THead, TBody, TFoot, etc.)
📌 TypeScript support included (types)

📦 Installation

Install via npm:

npm install @heathmont/moon-table-v8-tw

Or using pnpm:

pnpm install @heathmont/moon-table-v8-tw

Or yarn:

yarn @heathmont/moon-table-v8-tw

🎯 Usage

Basic Table Example

import { Table, THead, TBody, TR, TH, TD } from "@heathmont/moon-table-tw/lib";

const MyTable = () => (
  <Table>
    <THead>
      <TR>
        <TH>Name</TH>
        <TH>Age</TH>
      </TR>
    </THead>
    <TBody>
      <TR>
        <TD>John Doe</TD>
        <TD>28</TD>
      </TR>
      <TR>
        <TD>Jane Smith</TD>
        <TD>32</TD>
      </TR>
    </TBody>
  </Table>
);

export default MyTable;

📚 Components

Component	Description
Table	The main table wrapper
TableWrapper	A responsive wrapper for table layouts
THead	Table header section
TBody	Table body section
TFoot	Table footer section
TR	Table row
TH	Table header cell
TD	Table data cell
CellScroller	Provides scroll functionality for table cells