elementable-vue
This is the Vue version of the elementable datatable. I know, another datatable component.. But I am trying to make this one very straight forward and as decoupled as possible. This is only the first version so configuration is limited for now, you can expect a lot more changes to come. If you have ideas about features, feel free to drop them in the Issues and I will get back to you.
Install
npm install elementable-vue
Import
import ElemenTable from 'elementable-vue'
Configuration
You can use the following properties with the component:
columns
Type: Array
Required
This is your collection of columns. Every column is an object which you can assign the following properties to:
Property | Type | Description |
---|---|---|
active | boolean | Set an active column, this can only be applied to one |
filterable | boolean | Make this column available to be filtered |
name | string | The name of the column, this will show as the column header |
selector | string | The property in the data object in dot notation |
sortable | boolean | Define if the column should be sortable or not |
type | type | Set this as String or Number |
data
Type: Array
Required
Every element of the data array represents a row in the table and should be an object with at least the properties defined in the columns array.
rowsPerPageOptions
Type: Array
Default: [10, 25, 50]
Choose how many rows can be displayed on a page.