tabulator column visibility

by ivos

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/tabulator/5.0.7/js/tabulator.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tabulator/5.0.7/css/tabulator.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div id="tbl"></div>

JavaScript

var tbldata = [{"id":326,"fullName":"KIMBLE_Reports/KFIN32InvoiceDetail","reportType":"KIM_InvLineItem__c","description":"Lists invoices by account by engagement by invoice reference. Provides detail down to the underlying line item level i.e. time entry, expense etc...","orgtype":"Any","minpackageversion":"1.32","maxpackageversion":"1.33","istest":true},{"id":60,"fullName":"KIMBLE_Reports/KMAN07MyTeamActivityAssignments","reportType":"KIM_ActAssgn__c","description":"Assigned Engagements for resources managed by the individual running the report. The report identifies the forecast Start and End Date for each Assignment.","orgtype":"Any","minpackageversion":"1.32","maxpackageversion":null,"istest":false},{"id":298,"fullName":"KIMBLE_Reports/KDEL41fWorkItemBurndownByActivity","reportType":"KIM_ResActWithWrkItmSnapshot__c","description":"Shows the number of Work Items over time, grouped by Status. Should be filtered by an Activity to monitor completion progress over time. Report may be linked to a menu item using the Filter ID.","orgtype":"Any","minpackageversion":"1.32","maxpackageversion":null,"istest":false}];

var cfg = {
  layout: "fitColumns",
	columns: [
    { title: "Report", field: "fullName"},
    { title: "Id", field: "id", visible:false },
  ]
};
var tbl = new Tabulator('#tbl', cfg);


$().ready(() => {
tbl.setData(tbldata);
});