Vue Bootstrap Table Editor

Vue Table Editor Plugin - Bootstrap 4 & Material Design

Note: This documentation is for an older version of Bootstrap (v.4). A newer version is available for Bootstrap 5. We recommend migrating to the latest version of our product - Material Design for Bootstrap 5.
Go to docs v.5


Vue Bootstrap Table Editor comes with the option that allows you to use custom translations for all text in the editor.

          <div class="container">
                countLabel: 'row selected',
                add: 'Add',
                edit: 'Edit',
                delete: 'Delete',
                selectLabel: 'Show entries',
                searchLabel: 'Search',
                prev: 'Previous',
                next: 'Next',
                addFormLabel: 'Add new form',
                addFormBtn: 'Add form',
                editFormLabel: 'Edit form',
                editFormBtn: 'Edit form',
                deleteFormLabel: 'Delete',
                deleteFormText: 'Are you sure to delete selected row?',
                deleteFormYes: 'Yes',
                deleteFormNo: 'No'

MDB Vue Table Editor - API


This plugin requires a purchase.

Buy table editor plugin


Name Type Description
data Object Defines table content.
count boolean Shows information about selected item.
disabled boolean Disables adding, editing and removing rows.
translations object Allows to overwrite default plugin translations. See details here.