Need Datatables's column visibility in my KeenThemes datatable

533 Views Asked by At

First question here on SO and not very familiar with datatables, so please bear with me if I'm leaving out info!

So I am using Metronic's/KeenThemes's plugin to show a datatable and I want to use Datatables's column visibility implementation to show/hide certain columns and save the column visibility state, as demonstrated here: https://datatables.net/extensions/buttons/examples/column_visibility/simple.html

I am particularly interested in this part then:

Datatables's example code

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'colvis'
        ]
    } );
} );

So KeenTheme's documentation just has an 'API methods' section in their documentation page but no explanation of how/where to implement it. I am confused as to where to apply the above piece of code and how to implement other datatable methods.

index.js

 var datatable = $('#kt_datatable').KTDatatable({
    // datasource definition
    data: {
      type: 'remote',
      source: {
        read: {
          method: 'GET',
          url: //getUrl
          // return data etc etc
        }
      }
    },
    layout: {
      //layout
    },
    // more stuff
    columns: [
      {
        field: 'id',
        title: '',
        sortable: false,
        visible: true,
        width: 20,
        type: 'number',
        selector: { class: 'kt-checkbox--solid' },
        textAlign: 'center',
      },
      // more columns
    ],
  })

index.volt (html):

<div id="kt_datatable"></div>

Any ideas how to implement this .DataTable code in this KT Datatable? Thanks for your help!

0

There are 0 best solutions below