Cells not aligned after update
Scroll to the last column, push the button -> cells are not correctly rendered
by ilaria_nunziante
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://s3.amazonaws.com/flexmonster/2.3/demo.css">
<script src="https://cdn.flexmonster.com/flexmonster.js"></script>
<button id="btn" onclick="editRecords()">Update data: edit record</button>
<div id="pivot-container"></div>
JavaScript
var pivot = new Flexmonster({
container: "pivot-container",
componentFolder: "https://cdn.flexmonster.com/",
width: "100%",
//height: 430,
report: {
dataSource: {
data: getData()
},
slice: {
rows: [{
uniqueName: "product"
}],
columns: [{
uniqueName: "date"
}, {
uniqueName: "[Measures]"
}],
measures: [{
uniqueName: "price"
}]
}
}
});
editRecords = function() {
flexmonster.updateData({
data: [{
"product": "Banana cake",
"price": 88888888888888888,
"date": "20-Jan"
}]
}, {
partial: true
});
};
function getData() {
return [{
"product": {
type: "string"
},
"date": {
type: "string"
},
"price": {
type: "number"
}
},
{
"product": "Banana cake",
"price": 13573573572472467,
"date": "19-Jan"
},
{
"product": "Banana cake",
"price": 57145715715715714571,
"date": "19-Feb"
},
{
"product": "Banana cake",
"price": 1537157157157,
"date": "19-Mar"
},
{
"product": "Banana cake",
"price": 13571571457,
"date": "19-Apr"
},
{
"product": "Banana cake",
"price": 2356246246,
"date": "19-May"
},
{
"product": "Banana cake",
"price": 2356244246786246,
"date": "19-Jun"
},
{
"product": "Banana cake",
"price": 23562457247246246,
"date": "19-Jul"
},
{
"product": "Banana cake",
"price": 2356224724746246,
"date": "19-Aug"
},
{
"product": "Banana cake",
"price": 2356247247246246,
"date": "19-Sep"
},
{
"product": "Banana cake",
"price": 235624247996246,
"date": "19-Act"
},
{
"product": "Banana cake",
"price": 23562357937946246,
"date": "19-Dec"
},
{
"product": "Banana cake",
"price":...