https://github.com/creatiwity/creatdatatable
https://github.com/creatiwity/creatdatatable
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/creatiwity/creatdatatable
- Owner: Creatiwity
- Created: 2023-04-28T10:29:28.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-11-17T10:50:50.000Z (over 1 year ago)
- Last Synced: 2025-07-18T03:48:24.909Z (11 months ago)
- Language: Vue
- Size: 280 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# Creat Datatable
[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]
:warning: This package is under development stay tuned. :warning:
Nuxt3 Typescript Simple Datatable that handles dynamic row content with generic typing
- [✨ Release Notes](/CHANGELOG.md)
## Features
- Table
- Generic typing
- Dynamic row content
## Quick Setup
1. Add `@creatiwity/datatable` dependency to your project
```bash
# Using pnpm
pnpm add @creatiwity/datatable
# Using yarn
yarn add @creatiwity/datatable
# Using npm
npm install @creatiwity/datatable
```
2. Add `@creatiwity/datatable` to the `modules` section of `nuxt.config.ts`
```js
export default defineNuxtConfig({
modules: ["@creatiwity/datatable"],
});
```
That's it! You can now use Creat Datatable in your Nuxt app ✨
## Usage
```ts
const dataTableInfos = {
headers: [
{
id: "name",
label: "Nom",
},
],
data: [{ name: "Toto" }, { name: "Tata" }],
};
```
```html
{{ category.data.name }}
```
[npm-version-src]: https://img.shields.io/npm/v/@creatiwity/datatable/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/@creatiwity/datatable
[npm-downloads-src]: https://img.shields.io/npm/dm/@creatiwity/datatable.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/@creatiwity/datatable
[license-src]: https://img.shields.io/npm/l/@creatiwity/datatable.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/@creatiwity/datatable
[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com