# 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
Vue.use(BootstrapVue)
// Optionally install the BootstrapVue icon components plugin
Vue.use(IconsPlugin)
Please refer to BoostrapVue Docs (opens new window) for more details.