是否可以在FullCalendar中交替使用行背景色？

我对fc议程时段tr应用了奇数/偶数类，但问题是左/右“单元格”边框位于下方的fc议程天数表中，因此在设置fc议程时段tr的背景时，不会显示

---

FullCalendar本身是否有允许行颜色交替的选项，或者是否有人在FullCalendar之外找到了这样做的方法？

我很确定这个问题没有解决方案

问题的根源在于week view的结构，这可以说是对标记的严重滥用。它基本上是一个有列的表，然后有一个与之重叠的有行的表。没有单独的单元格可供您仅控制单个行和列。为行着色时，很可能是无意中隐藏了列边框。据我所知，这要么是插件的设计决定，要么是重大疏忽

---

在day view中，这不是一个问题，因为您只有一个列。

我相当肯定这个问题没有解决方案

问题的根源在于week view的结构，这可以说是对标记的严重滥用。它基本上是一个有列的表，然后有一个与之重叠的有行的表。没有单独的单元格可供您仅控制单个行和列。为行着色时，很可能是无意中隐藏了列边框。据我所知，这要么是插件的设计决定，要么是重大疏忽

在day view中，这不是问题，因为您只有一列。

使用

slots = $element.find('.fc-agenda-slots tr');

我能够在weekview中获取行，然后将其指定给某个类。

使用

slots = $element.find('.fc-agenda-slots tr');

---

我能够在weekview中获取行，然后我将其指定给某个类。

有点晚了，但是将其添加到CSS中

.fc-agenda-slots tr.d1 td {
    background-color: rgba(79, 129, 128, .2); color: black;
}

这将在JS中执行，在渲染日历后立即执行

$("table tr").each(function () {
     var i = $("table tr").index($(this));
     if (i % 4 == 1 || i % 4 == 2)
        $(this).addClass("d1");
});

---

顺便说一句，这只适用于周视图。

有点晚，但请将其添加到CSS中

.fc-agenda-slots tr.d1 td {
    background-color: rgba(79, 129, 128, .2); color: black;
}

这将在JS中执行，在渲染日历后立即执行

$("table tr").each(function () {
     var i = $("table tr").index($(this));
     if (i % 4 == 1 || i % 4 == 2)
        $(this).addClass("d1");
});

---

顺便说一句，这只是周视图。

我也有同样的问题，我采用了这个技巧： 可以在行的cssClass上使用不透明度属性

.fc议程插槽tr:n个孩子（4n+1）td、.fc议程插槽tr:n个孩子（4n+2）td{ 背景色：#E7F3F4； 不透明度：0.5； }

这将显示单元格的边框，但仅在单元格背景颜色不透明的情况下显示。。 这不是有史以来最好的解决方案，但如果没有强大的图形约束，它足以让您获得一些新奇的东西

---

干杯

我也有同样的问题，我采用了这个技巧： 可以在行的cssClass上使用不透明度属性

.fc议程插槽tr:n个孩子（4n+1）td、.fc议程插槽tr:n个孩子（4n+2）td{ 背景色：#E7F3F4； 不透明度：0.5； }

这将显示单元格的边框，但仅在单元格背景颜色不透明的情况下显示。。 这不是有史以来最好的解决方案，但如果没有强大的图形约束，它足以让您获得一些新奇的东西

---

干杯

没有选择。这就是主题，你必须更加努力让它更好地发挥作用。这是没有选择的。这就是主题，你必须更加努力让它更好地发挥作用。