angular-Gantt table : 自定义 header

Question

我正在创建 angular-gantt table，我想更改列 headers。我在插件 Table 中看到属性 columns 和 headers 但是我不明白如何使用这些。

你可以在这里看到我的甘特图：

我需要更改 Name 标签，我尝试了一些方法 :

controller.ts

this.options = {
                data: [],
                viewScale: 'hour',
                headers: ['day', 'hour'],
                tableHeader: {
                    'model.name': 'jour'
                },
                headersFormats: {
                    day: 'dddd',
                    hour: 'HH:mm'
                },
                sortMode: 'name',
                columns: ['jour'],
            }

View.html

<div gantt data="employeeviewctrl.ganttData"
                     headers="employeeviewctrl.options.headers"
                     headers-formats="employeeviewctrl.options.headersFormats"
                     sort-mode="employeeviewctrl.options.sortMode"
                     columns=[model.jour]>
                    <gantt-table enabled="true"
                                 headers="employeeviewctrl.options.headerTable">
                    </gantt-table>
                    <gantt-tooltips enabled="true">
                    </gantt-tooltips>
 </div>

你有什么想法吗？

提前感谢您的帮助:)

Answer 1

我想你刚刚打错了...我已将我的设置为空字符串，所以如果不是错字，那么我仍然可以提供帮助。

控制器

headerTable

html

tableHeader

Answer 2

我找到了解决方案：

控制器：

columnsHeaders: { 'model.name': 'Jour' }

html :

<gantt-table enabled="true"                               
    headers="columnsHeaders">
</gantt-table>

angular-Gantt table : 自定义 header

angular-Gantt table : custom header

gantt-chart

angularjs

angular-gantt