# Getting Started

# Introduction

BootstrapVue Editable Table provides new features to BootstrapVue Table (opens new window) that easily enable cell/row editing, input validation, and other gems while keeping all existing functionalities of the original table intact!

⚠️ This library does not work with Vue 3 and Bootstrap 5 because BootstrapVue (opens new window) still does not support it.

# Prerequisite

A basic understanding of BootstrapVue Table (opens new window).

You're required to install Bootstrap and Bootstrap Vue in your project (any version earlier than Bootstrap 5):

npm install bootstrap bootstrap-vue

# Setup

npm i bootstrap-vue-editable-table

Since this is a BootstrapVue component, you need to set it up the same way. The easiest approach is to register BootstrapVue in your app entry point (typically app.js or main.js):

import Vue from 'vue'
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'

// Import Bootstrap and BootstrapVue CSS files (order is important)
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

// Make BootstrapVue available throughout your project
// Optionally install the BootstrapVue icon components plugin

Please refer to BoostrapVue Docs (opens new window) for more details.

# Examples on CodeSandbox