@material-table/core

Datatable for React based on https://material-ui.com/api/table/ with additional features

@material-table/core downloads @material-table/core version @material-table/core license

@material-table/core유사 패키지:
npm 다운로드 트렌드
3 년
🌟 @material-table/core의 README.md에 실시간 사용 차트를 표시하려면 아래 코드를 복사하세요.
## Usage Trend
[![Usage Trend of @material-table/core](https://npm-compare.com/img/npm-trend/THREE_YEARS/@material-table/core.png)](https://npm-compare.com/@material-table/core#timeRange=THREE_YEARS)
Cumulative GitHub Star Trend
🌟 @material-table/core의 README.md에 GitHub Stars 트렌드 차트를 표시하려면 아래 코드를 복사하세요.
## GitHub Stars Trend
[![GitHub Stars Trend of @material-table/core](https://npm-compare.com/img/github-trend/@material-table/core.png)](https://npm-compare.com/@material-table/core)
통계 세부사항
패키지
다운로드
Stars
크기
Issues
발행일
라이선스
@material-table/core90,314296423 kB28日前MIT
@material-table/core의 README

@material-table/core

A highly customizable table library built on Material UI, forked from mbrn/material-table

build publish npm version discord


Check out our roadmap for upcoming features and improvements.

💾 Installation • 🎉 Basic Usage
Why this repo exists? • 🚧 Documentation • ⚙️ Demos


🚧 Mui V6 Support is in Progress

The team is working on migrating the library to be fully compatible with Material UI V6. Stay tuned!

Since we had a lack of available time over the last years, we will try to get back on track. Expect a few commits and merges this month to fix security vulnerabilities and new features.


🛠️ Installation

Install @material-table/core using npm or yarn:

npm install @material-table/core
or

bash
Code kopieren
yarn add @material-table/core
Refer to the installation guide for more information and advanced usage.

💡 Basic Usage
javascript
Code kopieren
import MaterialTable from '@material-table/core';

function MyTable() {
  return (
    <MaterialTable
      title="Simple Table"
      columns={[
        { title: 'Name', field: 'name' },
        { title: 'Age', field: 'age', type: 'numeric' },
      ]}
      data={[
        { name: 'John', age: 30 },
        { name: 'Jane', age: 25 },
      ]}
      options={{
        sorting: true,
        filtering: true,
      }}
    />
  );
}

Explore more features and advanced usage in our documentation.

🙌 Sponsorship

We appreciate contributions and sponsorships! You can support this project through:

GitHub Sponsors

Open Collective Your support helps us maintain and improve the project.

🚀 Contributing

Thank you for considering contributing to the project! The following items are in urgent need of attention:

Refactor: Replace data-manager.js with React Context. Documentation: Help us improve the docs. Tests: Implement unit tests using Jest to improve stability. We appreciate all contributions, big or small. Check out our contributing guide for more details.