fullcalendar-调度程序-resourceRender不使用多行

我正在使用fullcalendar.io和添加的调度程序块。我已使用以下代码覆盖resourceRender：

function (resourceObj, labelTds) {
   const textColor = this.calculateForeground(resourceObj.color);
   labelTds.html('<div style="background: ' + resourceObj.color + ';
                color: ' + textColor + '">'
                + resourceObj.name +
                '</div>');
}

功能（resourceObj、labelTds）{
const textColor=this.calculateForeground（resourceObj.color）；
html（“”
+resourceObj.name+
'');
}

（calculateForeground（..）只计算文本是黑色还是白色）

因此，在呈现资源时，它如下所示：

<th class="fc-resource-cell" data-resource-id="4">
   <div style="background: #EB0007; color: white">
      <font style="vertical-align: inherit;">
         <font style="vertical-align: inherit;">Resource Name</font>
      </font>
   </div>
</th>

资源名称

但我的问题是，一些资源名称比其他名称大，因此它们会换行到下一行，而其他名称则不会换行，这在我的背景设置中看起来很奇怪：

关于如何解决这个问题有什么建议吗？我希望背景填充整个空间，单行文本垂直居中：

---

我希望在尝试jQuery之前通过内联样式解决这个问题。谢谢

我认为问题在于您在每个td中添加了一个不必要的

。相反，您可以直接操作标签

的CSS，而无需重新写入资源的名称，或者：

resourceRender: function (resourceObj, labelTds) {
  const textColor = this.calculateForeground(resourceObj.color);
  labelTds.css("background-color", resourceObj.color);
  labelTds.css("color", textColor);
}

---

这样，颜色适用于整个

，而不仅仅是其中的

。每个

都只有其内容的高度，这就是你的问题，但是

都有彼此相同的高度。

我认为问题是你在每个td中不必要地添加了

。相反，您可以直接操作标签

的CSS，而无需重新写入资源的名称，或者：

resourceRender: function (resourceObj, labelTds) {
  const textColor = this.calculateForeground(resourceObj.color);
  labelTds.css("background-color", resourceObj.color);
  labelTds.css("color", textColor);
}

---

这样，颜色适用于整个

，而不仅仅是其中的

。每个

都只有其内容的高度，这就是你的问题，但是

都有彼此相同的高度。

严格来说，这不是代码的截图。这是否仍然有效？如果它不是一个片段，并且您希望显示有问题的图像，则不需要单击即可看到它，而不需要链接。我最初尝试将它们添加到中，但系统告诉我需要10个声誉（分数？）。感谢您为我编辑此问题！：）我很感激！严格来说，这不是一个代码截图。这是否仍然有效？如果它不是一个片段，并且您希望显示有问题的图像，则不需要单击即可看到它，而不需要链接。我最初尝试将它们添加到中，但系统告诉我需要10个声誉（分数？）。感谢您为我编辑此问题！：）我很感激！这太棒了！虽然我必须写资源的名称，因为它默认使用id。@Stevie否，根据我的经验，如果您提供了“标题”字段，它默认使用“标题”字段。正如您所使用的，“名称”不是fullCalendar所期望的字段。如果你把它改成“标题”，那么你就不需要做任何额外的事情了。啊，是的。我记得最初添加了标题，但由于我的同事不喜欢，所以删除了它。我将坚持使用.html（resourceObj.name）添加它。谢谢这太棒了！虽然我必须写资源的名称，因为它默认使用id。@Stevie否，根据我的经验，如果您提供了“标题”字段，它默认使用“标题”字段。正如您所使用的，“名称”不是fullCalendar所期望的字段。如果你把它改成“标题”，那么你就不需要做任何额外的事情了。啊，是的。我记得最初添加了标题，但由于我的同事不喜欢，所以删除了它。我将坚持使用.html（resourceObj.name）添加它。谢谢