Html FullCalendar：更改事件的宽度
我需要显示3个事件，并将它们相邻放置。假设同时有3个事件。实际上，它们以33%的宽度出现。我正在使用extendedProps在渲染挂钩中应用不同的CSS样式（例如，不同的背景色）。我禁用了slotEventOverlap 是否有办法将第一个事件（在第一列中）的宽度更改为例如10%，其余两个更改为90%/2=45% 我正在使用FullCalederV5，并且已经尝试在eventDidMount钩子中更改CSS的左属性和右属性 更新1: 我使用的是timeGridWeek视图。我正在从3个不同的数据源加载事件。源1的事件将有类型：“Type”，源2的事件将具有“Type”等。对于每一天，我都有3种不同类型的事件，我要这样做，即Type事件在一天的左栏中显示，中间的Type事件和右边的Type的事件： 我试图实现的是修改第一列中事件的宽度（显示TypeA事件的那一列，在本例中，它只是一个没有任何标题/文本的条）： 我正在尝试更新通过eventDidMount函数传递的元素中某个元素的父节点的left和right属性（因为我注意到left/right属性在同时发生3个事件的情况下，分别为0..33%、33%..66%和66%..100%）。因此，在加载事件之后，我为每一天和事件计算left和right属性（对于每一天：给我类型A的事件，计算left和right，给我类型B的事件，计算left和right，等等） 在eventDidMount函数中，我尝试应用以下左右值：Html FullCalendar：更改事件的宽度,html,css,fullcalendar,fullcalendar-5,Html,Css,Fullcalendar,Fullcalendar 5,我需要显示3个事件，并将它们相邻放置。假设同时有3个事件。实际上，它们以33%的宽度出现。我正在使用extendedProps在渲染挂钩中应用不同的CSS样式（例如，不同的背景色）。我禁用了slotEventOverlap 是否有办法将第一个事件（在第一列中）的宽度更改为例如10%，其余两个更改为90%/2=45% 我正在使用FullCalederV5，并且已经尝试在eventDidMount钩子中更改CSS的左属性和右属性 更新1: 我使用的是timeGridWeek视图。我正在从3个不同的数
eventDidMount:函数（arg）{
//使第一列的宽度变小
var type=arg.event.extendedProps.type；
如果（类型=='TypeA'）{
var node=arg.el.parentElement；
//左、右将有一个之前计算的百分比值，例如0%和10%
var left=arg.event.extendedProps.force_left；
var right=arg.event.extendedProps.force\u right；
node.style.setProperty（“左”，左）；
node.style.setProperty（“右”，右）；
}
}