softbir-datatable

Custom datatable for softbir application

Usage no npm install needed!

<script type="module">
  import softbirDatatable from 'https://cdn.skypack.dev/softbir-datatable';
</script>

README

Generic jquery datatable in vuejs

Installation

npm install softbir-datatables --save

Usage

<Datatable :table_header="table_header" :columns="columns" :table_data="table_data" />

Props

table_header

columns

table_data

import Datatable from "./Datatable";
    export default {
        name: 'TestDT',
        components: {Datatable},
        data() {
            return {
                columns: [
                    {name: 'Test 1'},
                    {name: 'Test 2'},
                    {name: 'Test 3'},
                ],
                table_data: [
                    ['test1', 'test2', 'test3'],
                    ['test1a', 'test2a', 'test3a'],
                ],
                table_header: [
                    'Test Column 1',
                    'Test Column 2',
                    'Test Column 3',
                ]
            }
        },
    }