1.1.5 • Published 3 years ago

flexi-table v1.1.5

Weekly downloads
3
License
MIT
Repository
github
Last release
3 years ago

[Flexi Table]

prs welcome npm version npm

Welcome to version 1.1.5 of Flexi Table, an easy to implement, and well maintained Vue.js component.

You can support this project by giving it a star, or following the author. :heart:.

:exclamation::exclamation::exclamation: This is README for FlexiTable component :exclamation::exclamation::exclamation:

Flexi Table vue component made by Oliver

⚙ Installation

npm install flexi-table --save-dev

🤔 How to use it?

Module usage

import FlexiTable from 'flexi-table';

export default {
  components: {
    FlexiTable
  },
  data() {
    return {
      rows: [
        'Row 1', 
        'Row 2',
        'Row 3'
      ],
      columns: [
        {columnName: "Adam", columnType: "Some Product", columnSize: "XXL"},
        {columnName: "Adam", columnType: "Some Product", columnSize: "XXL"},
        {columnName: "Adam", columnType: "Some Products",columnSize: "M"},
      ] 
    }
  }
}
<flexi-table 
  :color="'green'"
  :rows="rows"
  :columns="columns"
/>

Browser usage

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>

API

❔ Props

NameTypeDescription
colorStringFour colors available (green, red, blue and yelow)
rowsArraySet rows / headers of the table
columnsArraySet columns of the table

License

MIT

1.1.5

3 years ago

1.1.4

5 years ago

1.1.3

5 years ago

1.1.2

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

1.0.5

5 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago