https://github.com/seymoe/directus-extension-vgrid-interface

Data grid interface for Directus 9.
https://github.com/seymoe/directus-extension-vgrid-interface

Last synced: about 11 hours ago
JSON representation

Data grid interface for Directus 9.

• Host: GitHub
• URL: https://github.com/seymoe/directus-extension-vgrid-interface
• Owner: seymoe
• License: mit
• Created: 2022-04-04T01:43:17.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-02-26T12:17:03.000Z (9 months ago)
• Last Synced: 2024-11-03T02:02:48.677Z (7 days ago)
• Language: Vue
• Homepage:
• Size: 2.51 MB
• Stars: 30
• Watchers: 2
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-directus - Data Grid Interface - A data grid interface width `@revolist/vue3-datagrid` for Directus 9. (Extensions / Community)
• awesome-directus - Data Grid Interface - A data grid interface width `@revolist/vue3-datagrid` for Directus 9. (Extensions / Community)

README

        
# Data Grid - Directus extension

A directus extension with `@revolist/vue3-datagrid`, specify fixed columns to generate an editable table field.

## Installation

In your Directus installation root

```

npm install directus-extension-vgrid-interface

```

Restart directus

## Usage

To use this custom interface into a data model, you have to:

- Add a simple field with **JSON** type or select **Text** type

- you have to config default columns when you choose json type, and you have to config the default value(csv) when you choose text type.

- Enjoy ! 🎉

### Json type Example columns

```json

[

  {

    "prop": "time",

    "name": "Time"

  },

  {

    "prop": "power",

    "name": "Power",

    "columnType": "numeric"

  }

]

```

### Text type CSV

```

time,power

2022,0

```

## Building locally and contributing

You can also clone this repository and build it by yourself.

```

npm i

npm run build

```

Then use `index.js` in your custom `/extensions/interfaces` directory or in whatever you want.