@mrpaaj/vue-datatable v0.1.21

Vue Datatable

Flexible datatable for Vue.js dashboard. Creates a bootstrap card with responsive table.

missing: title styling with .card--title actions styling with .card--actions

Inputs

title

A string used to display the table title.

description

String displayed below the title for a little information.

get (required)

URL where the component will get it's table-data from.
Currently tested only for Laravel Resource with Pagination. Component processing accepts different field options:

$rows => [
  [
    'simple-field' => 'String' / Int,
    'links-field' => [
      'links' => [
        [
          'href' => url,
          'label' => html/string
        ],
      ]
    ],
  ],
];

actions

To display different table actions top right.

$actions = [
    'action' => [
        'href' => url,
        'label' => html/string
    ],
];

filters

Array with column names and their filter options.

$filters = [
  'column' => [
    'id' => 'label'
  ]
];

columns

Array of column names to display. If empty: all columns in resource will be shown.

$columns = [
  'column_1',
  'column_2',
];