Flexi Table
Flexible, mobile responsive Vue.js Table Component
Installation
npm install flexi-table --save-dev
Module
import FlexiTable from 'flexi-table';
Browser
Include the script file, then install the component with Vue.use(FlexiTable);
e.g.:
<script type="text/javascript" src="node_modules/vuejs/dist/vue.min.js"></script>
<script type="text/javascript" src="node_modules/flexi-table/dist/flexi-table.min.js"></script>
<script type="text/javascript">
Vue.use(FlexiTable);
</script>
Usage
Once installed, it can be used as simply as:
<flexi-table :color="'green'"
:rows="rows"
:columns="columns">
</flexi-table>
let color = 'green';
let rows = ['Row 1', 'Row 2', 'Row 3'];
let columns = [
{columnName: "Adam", columnType: "Some Product", columnSize: "XXL"},
{columnName: "Adam", columnType: "Some Product", columnSize: "XXL"},
{columnName: "Adam", columnType: "Some Products",columnSize: "M"},
]
API
Props
Name | Type | Description |
---|
color | String | Set Color |
rows | Array | Set rows / headers |
columns | Array | Set columns |
##TODO