Javascript 如何将FullCalendar.io事件水平显示为图标，以保持响应能力？（提供代码笔）

我希望将FullCalendar（FullCalendar.io）的事件水平显示为图标，而不是文本

我能够使用eventRender函数用图标替换文本。（见代码笔）

但我似乎找不到任何地方如何水平显示它们，同时保持响应性，不更改核心代码。理想情况下，它们的行为类似于单独的左浮动元素

代码笔：

$（文档）.ready（函数（）{
$（“#日历”）.fullCalendar({
displayEventTime:false，
时间格式：“H（：mm）”，
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“月，agendaWeek，agendaDay”
},
allDayDefault:false，
是的，
真的，
eventRender:函数（事件，el）{
el.find（'.fc content'）.html（“”）；
},
活动：[{
id:1，
标题：“事件1”，
开始：“2017-01-01 06:44:00”
}, {
id:2，
标题：“事件2”，
开始：“2017-01-01 06:50:00”，
}, {
id:3，
标题：“事件3”，
开始：“2017-02-01 10:50:00”，
}, {
id:4，
标题：“事件3”，
开始：“2017-02-01 12:50:00”，
}, {
id:5，
标题：“事件3”，
开始：“2017-02-01 13:50:00”，
}, ]
})
});

我认为不更改标记是不可能的，因为这些是表，它们都在不同的表行上……在呈现所有事件后，您需要重建这些行