Vue Bootstrap Table Editor

Vue Table Editor Plugin - Bootstrap 4 & Material Design



Translations

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



        <div class="container">
          <mdb-table-editor 
            :data="data"
            :translations="{
              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'
            }"
            striped
            bordered
          />
        </div>

      

MDB Vue Table Editor - API


Download

This plugin requires a purchase.

Buy table editor plugin - $9

Options

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.