Search

vue version: 3.2.13

I have this template that looks similar like this:

columns: [ {title:'testing', data:#column1#, visible:false, searchable:false} ]

Hey Kevin,

{ name: 'column-acts', title: 'Actions', data: null, render: { _: 'name', display: '#column-acts', }, },

Hello @allan ,

To use a Vue component inside a cell, you need to use a slot. At the moment you are just returning a string.

Error messages shown: Theres no error message.

let column_input = document.querySelector('#column_input_filter');

I built this example with the current Colvis:

$("#column-variants").DataTable();

//the #columnIndex is a input field where the user can type the column that they want to group

Do you mean the Manage columns button to show and hide columns? Use Column Visibility like this example.

Here are a bunch of column visibility examples. Its part of the Buttons extension.

How to get the row data marked with a checkbox?

Use Column Visibility. Checkout these examples.

); $("#columnPercentage").text( columnPercentage ); } }); function percentage(partialValue, totalValue) { var

(https://www.gyrocode.com/projects/jquery-datatables-checkboxes/reference/options/#columns.checkboxes.selectAllCallback "here ")

Have you looked at using Column Visibility from the Buttons Extension?

Here is an example using Bootstrap tabs.