abdellatif-laghjaj / vue-editable-table

Simple Ediatble table made with Vue Js and Tailwind css

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Vue.js Editable Table

This is a simple editable table component built with Vue.js and Vite. It allows users to manage and manipulate data in a tabular format.

Features

  • Add, edit, and delete rows of data
  • Automatic data persistence using browser's local storage
  • Input validation to ensure all fields are filled before adding a new row
  • Confirmation prompt before saving changes
  • Simple and intuitive user interface

Installation

  1. Clone the repository:

    git clone <repository_url>
    
  2. Navigate to the project directory:

    cd vue-editable-table
    
  3. Install dependencies using your preferred package manager:

    npm install or yarn install
    
  4. Run the development server:

    npm run dev or yarn dev
    
  5. Open your browser and visit http://localhost:5173/ to see the editable table in action.

  6. have fun 😺

About

Simple Ediatble table made with Vue Js and Tailwind css


Languages

Language:Vue 82.3%Language:JavaScript 10.8%Language:HTML 6.0%Language:CSS 1.0%