角度甘特表：自定义标题答案

【问题标题】：angular-Gantt table : custom header角度甘特表：自定义标题
【发布时间】：2019-09-24 11:25:13
【问题描述】：

我正在创建一个角度甘特表，我想更改列标题。我在插件 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>

你有什么想法吗？

提前感谢您的帮助:)

【问题讨论】：

标签： angularjs gantt-chart angular-gantt

【解决方案1】：

我认为你只是打错了...我的设置为空字符串，所以如果不是错字，我仍然可以提供帮助。

控制器

headerTable

html

tableHeader

【讨论】：

感谢您的回答，但我发现了问题。你可以看看我发布的答案:)

【解决方案2】：

我找到了解决方案：

控制者：

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

html：

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

【讨论】：