Skip to main content

api.getReactiveState()

Description​

Gets an object with the reactive properties of Pivot

Usage​

api.getReactiveState(): object;

Returns​

The method returns an object with the following parameters:

{
    config: {}, // current config (rows, columns, values, filters)
    activeFilter: {}, // active filter object (if any filter is open) 
    columnShape: {}, // pivot columns configuration
    data: [], // source data
    fields: [], // fields array
    filters: {}, // filtering rules
    headerShape: {}, // table header settings
    predicates: {}, // available predicates by fields
    limits: {} // the maximum limit for the number of rows and columns in the dataset
    methods: {}, // methods for data aggregation
    tableShape: {}, // table settings (sizes, total row, templates)
    tableConfig: {}, // table configuration settings (columns, data, sizes, tree mode, footer)
    configPanel: boolean, // the state of the configuration panel visibility 
}

Example​

// create Pivot
const table = new pivot.Pivot("#root", {
    fields,
    data: dataset,
    config: {
        rows: ["studio", "genre"],
        columns: [],
        values: [
            {
                field: "title",
                method: "count"
            },
            {
                field: "score",
                method: "max"
            }
        ]
    }
});

// output the current config state to the console
let config;
let state = table.api.getReactiveState();

if (config) {
    console.log("There were some changes in Pivot config. Its current state:");
    console.log(config);
}