Hello people,
I'm currently implementing a tabulator-table to my node-RED-dashboard and facing a weird issue.
The table imports a JSON which is pulled from a database. The data is getting imported and everything is fine. But the whole JSON is getting displayed below the table somehow:
That's the template-node:
<script type="text/javascript" src="/tabulator-tables/dist/js/tabulator.min.js"></script>
<link rel="stylesheet" href="/tabulator-tables/dist/css/tabulator.min.css" />
<div id="example-table"></div>
<div ng-bind-html="msg.payload"></div>
<script>
(function(scope) {
scope.$watch('msg', function(msg) {
//var data = [];
if(msg) var tabledata = msg.payload;
var table = new Tabulator("#example-table", {
data:tabledata,
//placeholder:"Keine Daten verfĂĽgbar!",
layout:"fitColumns",
columns:[
{title:"Register", field:"Register", width:100},
{title:"Beschreibung", field:"Beschreibung"},
{title:"Druck", field:"Druck"},
],
});
});
})(scope);
</script>
Thanks in advice
Justin