LunaTable

A powerful, high-performance table component for Vue 3 with tree data support, virtualization, and PDF/CSV export capabilities.

Installation

npm install luna-table

Features

• Tree Data Support: Efficiently handle hierarchical data.
• Virtualization: Fast rendering even for thousands of rows.
• Editing: Support for cell-level editing with various input types (text, select, date, checkbox).
• Export: Built-in support for CSV and PDF export.
• Fixed Columns: Support for fixing columns to the left.
• Group Headers: Multi-level column headers.
• Search & Sort: In-table searching and sorting.

Usage

Register Globally

import { createApp } from 'vue'
import LunaTable from 'luna-table'
import 'luna-table/dist/luna-table.css'

const app = createApp(App)
app.use(LunaTable)
app.mount('#app')

Use in Component

<script setup>
import { LunaTable } from 'luna-table'
import 'luna-table/dist/luna-table.css'

const columns = [
  { title: 'ID', field: 'id', width: 80, sortable: true },
  { title: 'Name', field: 'name', width: 150, editable: true },
  // ... more columns
]

const data = [
  { id: 1, name: 'John Doe', children: [...] },
  // ... more data
]
</script>

<template>
  <LunaTable :columns="columns" :data="data" />
</template>

Developed By

Developed by SohoFlex.

SohoFlex is a specialized web agency that provides:

• Web Agency Services: Custom website design and development.
• ERP Solutions: Comprehensive Enterprise Resource Planning systems.
• HR Solutions: Advanced Human Resources management software.

License

MIT