# easy-antd-table

> > :warning: **Deprecated**: Please use [easy-antd](https://www.npmjs.com/package/easy-antd)

Latest version **2.0.5** (published 2022-05-24) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install easy-antd-table
pnpm add easy-antd-table
yarn add easy-antd-table
bun add easy-antd-table
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 2.0.5 |
| Published | 2022-05-24 |
| First published | 2022-05-22 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 2 |
| Unpacked size | 15.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | GorkemSinirlioglu |
| Maintainers | gorkemsinirlioglu |
| Keywords | hooks, use hooks, react hooks |

## Links

- npm: https://www.npmjs.com/package/easy-antd-table
- Repository: https://github.com/GorkemSinirlioglu/easy-antd
- Homepage: https://gorkemsinirlioglu.com
- Issues: https://github.com/GorkemSinirlioglu/easy-antd/issues
- npm.io page: https://npm.io/package/easy-antd-table

## Dependencies (2)

- [antd](https://npm.io/package/antd.md) ^4.20.6
- [readme-md-generator](https://npm.io/package/readme-md-generator.md) ^1.0.0

## Recent versions

- 2.0.5 (latest) — 2022-05-24
- 2.0.4 — 2022-05-24
- 2.0.3 — 2022-05-24
- 2.0.2 — 2022-05-24
- 2.0.1 — 2022-05-24
- 1.0.15 — 2022-05-22
- 1.0.14 — 2022-05-22
- 1.0.12 — 2022-05-22
- 1.0.11 — 2022-05-22
- 1.0.10 — 2022-05-22
- 1.0.9 — 2022-05-22
- 1.0.8 — 2022-05-22
- 1.0.7 — 2022-05-22
- 1.0.6 — 2022-05-22
- 1.0.5 — 2022-05-22
- … 1 more at https://npm.io/package/easy-antd-table/versions

## README

> :warning: **Deprecated**: Please use [easy-antd](https://www.npmjs.com/package/easy-antd)

> Quickly render simple elements like table from the [antd](https://www.npmjs.com/package/antd) library

### 🏠 [Homepage](https://gorkemsinirlioglu.com)

## Prerequisites

- node >=10

## EasyTable

```sh

import {EasyTable} from "easy-antd"

export const MyComponent = () => (
    <EasyTable
      data={[
        { name: "John", age: 22 },
        { name: "Mike", age: 29 },
      ]}
      cols={[
        { title: "Name", key: "name", sort: "alphabetically" },
        { title: "Age", key: "age", sort: "numerically" },
      ]}
    />
)

```

"sort" prop on column item is optional, default is "none"
sort?: "none" | "alphabetically" | "numerically"

```
type ColumnType = {
  title: string;
  key: string;
  sort?: "none" | "alphabetically" | "numerically"; // default: none
};

type EasyTableProps = {
  cols: ColumnType[];
  data: Object[];
};
```

You can always provide additional props: https://ant.design/components/table
For example:

```
<EasyTable cols={cols} data={data} size="small" />
```

## Author

👤 **GorkemSinirlioglu**

- Website: gorkemsinirlioglu.com
- Github: [@GorkemSinirlioglu](https://github.com/GorkemSinirlioglu)
- LinkedIn: [@gorkemsinirlioglu](https://linkedin.com/in/gorkemsinirlioglu)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!<br />Feel free to check [issues page](https://github.com/GorkemSinirlioglu/easy-antd/issues). You can also take a look at the [contributing guide](https://github.com/github/docs/blob/main/CONTRIBUTING.md).

## Show your support

Give a ⭐️ if this project helped you!

<a href="https://www.patreon.com/gorkemsinirlioglu">
  <img src="https://c5.patreon.com/external/logo/become_a_patron_button@2x.png" width="160">
</a>

## 📝 License

Copyright © 2022 [GorkemSinirlioglu](https://gorkemsinirlioglu.com).<br />
This project is [MIT](https://github.com/GorkemSinirlioglu/easy-antd/blob/master/LICENSE) licensed.

---

---
_Source: https://npm.io/package/easy-antd-table · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._