Handsontable未显示包含动态列的表

Question

我使用以下代码显示我的表格：

<hot-table
        settings="{colHeaders: colHeaders, contextMenu: ['row_above', 'row_below', 'remove_row'], afterChange: afterChange,  stretchH: 'all' }" rowHeaders="false"
        datarows="budgetaanvraag.interne_kosten" columns="columns.interne_kosten" class="col s12">
</hot-table>

并使用以下列：

$scope.calcBedrag = function (instance, td, row, col, prop, value, cellProperties) {
    var hoeveelheid = instance.getDataAtRowProp(row, 'hoeveelheid');
    var eenheidsprijs = instance.getDataAtRowProp(row, 'eenheidsprijs');

    td.innerHTML = hoeveelheid * eenheidsprijs;
    Handsontable.renderers.TextRenderer.apply(this, arguments);
};

$scope.columns = {};
$scope.columns.interne_kosten = [
    {
        data: 'naam',
        title: "<b>Interne kosten</b>",
        renderer: 'html',
        width: 100
    },
    {
        data: 'hoeveelheid',
        title: "Hoeveelheid",
        type: 'numeric',
        width: 50
    }, {
        data: 'eenheid',
        title: "Eenheid",
        type: 'numeric',
        width: 100
    }, {
        data: 'eenheidsprijs',
        title: "Eenheidsprijs",
        type: 'numeric',
        width: 50,
        format: '0,0.00'
    },
    {
        data: 'bedrag',
        title: "Bedrag",
        type: 'numeric',
        width: 50,
        format: '0,0.00',
        renderer: $scope.calcBedrag,
        readonly: true
    }
];

但是这总是显示一张空表 启用行标题时，它只显示：

这是此处使用的数据：https://gist.github.com/cskiwi/a57de031f752df1182be

Answer 1

好的，找出导致错误的原因：

如果你使用$ scope.columns它会搞砸事情：）