asked 3 days ago
I am experiencing an issue when configuring FlexMonster to use grid.type = "flat" in a Vue.js 2 project. Despite this configuration, the grid is displayed in "compact" by default.
new Flexmonster({
container: "#pivot-container",
componentFolder: "https://cdn.flexmonster.com/",
height: 550,
toolbar: true,
options: {
grid: {
type: "flat"
}
},
I have created a JSFiddle example reproducing the issue: https://jsfiddle.net/8yuj2fqe/1/
The data should be displayed in the "flat" format, where each field is presented as a separate column.
FlexMonster version: Latest available version
Framework: Vue.js 2
Browser: Google Chrome (latest version)
Data source: JSON
I would like to know if there is any additional configuration required or if this behavior is a bug.
Thank you!
⋅ 2 days ago
Hello,
Thank you for reaching out to us.
To display the grid in the flat form by default, the options object should be defined inside the report object as follows:
new Flexmonster({
container: "#pivot-container",
componentFolder: "https://cdn.flexmonster.com/",
height: 550,
toolbar: true,
report: {
options: {
grid: {
type: "flat"
}
},
}
});
You are welcome to check the following JSFiddle for reference: https://jsfiddle.net/flexmonster/5kLte6c4/.
Please let us know if it works for you. Looking forward to hearing from you.
Kind regards,
Nadia