Boa tarde,

Estou criando uma widget para aprender um pouco mais sobre.

A intenção dela é ter um datatable cujo será preenchido através de uma API REST do fluig.

O código que desenvolvi é o seguinte:

loadTable: function() {
        var that = this;        
        that.myTable = FLUIGC.datatable('#idtable' + "_" + that.instanceId, {
            dataRequest: {
                url: '/api/public/ecm/dataset/availableDatasets',
                options: {
                    contentType:'application/json',
                    dataType: "json",
                    crossDomain: true,
                    cache: false
                },
                root: "content",
                limit: 10
            },
            header: [{
                'title': 'Dataset',
                'size': 'col-md-4',   
            }]

        }, function(err, data) {
            console.log("--- err ---");
            console.log(err);
            console.log("--- data ---");
            console.log(data);
            if (err) {
                FLUIGC.toast({
                    message: err.error,
                    type: 'danger'
                });
            }
        });

        that.myTable.on('fluig.datatable.loadcomplete', function() {
            if (!that.tableData) {
                that.tableData = that.myTable.getData();
            }
        });
    }

O que funciona: Ele me retorna no console do navegador todos os datasets.

O que NÃO funciona: Não consigo colocar as informações no datatable.

Minha widget:

Console com o restorno da API REST:

MINHA VIEW

<div id="MyDataTable_${instanceId}" class="super-widget wcm-widget-class fluig-style-guide"
    data-params="MyDataTable.instance()">

    <div class="bs-example">
        <div class="row">
            <div class="col-md-12 scrooltable" id="target" data-isolated-scroll>
                <div id="idtable_${instanceId}"></div>
            </div>
        </div>
    </div>
</div>