Vuetable

This module provides a render element for Vuetable 2 that is a Vue.js component.

You can use this render element to add a Vuetalbe 2 component into a form or page, wherever a render array can be used, just like other render elements.

Here is the example codes:

  $element =  array();
    
    $element['vuetable_element']['#type'] = 'vuetable_element';
    $element['vuetable_element']['#api_url'] = 'https://vuetable.ratiw.net/api/users';
    $element['vuetable_element']['#fields']=  array(
      ['name' => 'name', 'sortField' => 'name'],
        'email',
      [ 'name' => 'birthdate', 'sortField' => 'birthdate', 'titleClass' => 'center aligned', 'dataClass' => 'center aligned',]
        ,'nickname',
        'gender',
        '__slot:actions'
    );

This module also includes a sub module called vuetable_view_rest that provides a view plugin to export REST from server side for a Vuetable.

There is an example module included in this module as well.