Category Archive Tabulator

/**
 * Create a Tabulator table with common configuration
 * @param {string} selector - DOM selector for the table container
 * @param {Object} options - Tabulator options (columns, data, etc.)
 * @returns {Tabulator} - Tabulator instance
 */
function TabulatorCreate(selector, options = {}) {
    const defaultConfig = {
        layout: "fitColumns",
        movableColumns: true,
        pagination: true,
        paginationCounter: "rows",
        paginationMode: "local",
        paginationSize: 20,
        paginationSizeSelector: [10, 20, 25, 50, 100],
        responsiveLayout: true,
        // Add more default options as needed
    };
    return new Tabulator(selector, Object.assign({}, defaultConfig, options));
}

// Expose to global scope for inline HTML usage
window.TabulatorCreate = TabulatorCreate;

var table = new Tabulator("#tabulator-table", {
  //table setup options
    ...
        layout: "fitColumns",
        movableColumns: true,
        pagination: true,
        paginationCounter: "rows",
        paginationMode: "local",
        paginationSize: 10,
        paginationSizeSelector: [5, 10, 20, 50],
        responsiveLayout: true,
    ...
});

var table = TabulatorCreate("#tabulator-table", {
            ajaxURL: "../assets/ISO-4217.json",
            ajaxConfig: "GET",
            selectable: true,
            columns: [
                { field: "code", title: "Code", width: 80 },
                { field: "numeric", title: "Numeric", width: 80 },
                { field: "digits", title: "Digits", width: 80 },
                { field: "currency", title: "Currency" },
                { field: "locations", title: "Locations listed for this currency" }
            ]
        });