asked on February 19, 2025
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!
⋅ February 20, 2025
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
⋅ March 4, 2025
Hello,
Hope you are having a great week.
We were wondering if you had a chance to check the suggested approach. Could you please confirm if it works for you?
Looking forward to hearing from you.
Kind regards,
Nadia
⋅ March 17, 2025
Hi, it's works.
Thank you!
⋅ March 17, 2025
Hello,
Thank you for the feedback!
We are glad to hear that it works for you.
Do not hesitate to contact us if other questions arise.
Kind regards,
Nadia