vue2-bootstrap-table

0.2.2 • Public • Published

Vue2-Bootstrap-Table

A simple VueJS 2.0 table component using Bootstrap styles

CSS relies on a parent supplying styles

All JS is written in Vue, with no external dependancies

Features:

  • Filtering on all keys
  • Pagination
  • Sorting and reverse sorting on any key
  • Optional custom renderers for individual columns
  • Path keys for columns. Specify path using lodash _.get function. Eg: 'obj.obj.obj[0].prop'

Demo

to try out the demo install the node modules dev dependencies with npm install and build the code with npm run build

Usage

from a Vue webpack project

import grid from 'vue2-bootstrap-table'

expose it as a component in your .vue file

    ...,
    components: {
      grid: grid
    },
    ...

and use it in as a custom html element

        <grid
          :data="tableData"
          :columns="headers"
          :rowsPerPage="2"
          @clickRow="rowClick"
          :filter-key="searchQuery">
        </grid>

Package Sidebar

Install

npm i vue2-bootstrap-table

Weekly Downloads

4

Version

0.2.2

License

Apache-2.0

Last publish

Collaborators

  • threeequals