'Tabulator throws error when adding an empty row with datetime formatter
I have the following code (just a button, one column and one row)
<div class='btn-toolbar'>
<button id='new' class='btn buttons m-2 mdi mdi-plus' onclick="NewClick()" type="button">New</button>
</div>
<div id="example-table"></div>
<script>
// Tabulator
var tblTestTabelle_40028804 = new Tabulator("#example-table", {
height: "311px", selectable:true,
"data": [
{
"1A27078D-D7D4-434E-AD90-D825276756FC": "06.03.2021",
"id": "3432938F-A7AB-4F12-B756-E645093D4439"
}
],
"columns": [
{
"title": "Date",
"field": "1A27078D-D7D4-434E-AD90-D825276756FC",
"formatter": "datetime", formatterParams:{
inputFormat:"dd.MM.yyyy",
outputFormat:"DD",
invalidPlaceholder:"(invalid date)",
}
}
],
layout: "fitData"
});
//basic functionality
function NewClick() { tblTestTabelle_40028804.addRow(); };
</script>
When I click the NewButton I get the following JS exception:
Uncaught (in promise) Error: fromFormat requires an input string and a format (in luxon.min.js)
It sounds to me like a bug in tabulator, that the datetime formatter isn't able to handle adding empty rows, but maybe I'm wrong.
Any help would be appreciated.
Solution 1:[1]
This was a bug in the v5.0 release that has been fixed as of v5.1
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Oli Folkerd |
