行跨度未在全日历中应用

时间:2019-01-03 15:55:43

标签: css fullcalendar

我正在使用vue-fullcalender@2.7.0在Dot net MVC应用程序的月视图中显示各种事件。在日历全日历上显示事件时,会设置rowpan属性以补偿空列。当未在“ cshtml文件中应用共享/内部布局”时,生成的日历构建和css可以正常工作,但是当我应用共享内部布局文件时,我的日历项与日期不匹配,该日期被“ rowspan”属性所忽略浏览器。有人可以帮助强制应用行跨度吗?

Without inner layout With inner layout

fullcalendar生成的样本

<tr>
   <td rowspan="6"></td>
   <td rowspan="6"></td>
   <td rowspan="6"></td>
   <td rowspan="6"></td>
   <td class="fc-event-container">
      <a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#ff0000;border-color:#ff0000">
         <div class="fc-content">
   <td class="image-wrapper-calendar"><img style="-webkit-user-select: none;" src="https://banyan-media-stg.s3.amazonaws.com/Media/3" width="45" height="45"></td><td><ul class="list-inline clinic-name"> <li class="clinic-location">Fri Jan 04 2019 12:27:00 GMT+0530 (India Standard Time)</li></ul><ul class="list-inline social-icon-wrapper"><li class="social-link-tab"><i class="fa fa-facebook-square" style="color:#3B5998;margin: 0 5px 0 0"></i><i class="fa fa-google" style="color:#;margin: 0 5px 0 0"></i><i class="fa fa-map-marker" style="color:#C35C28;margin: 0 5px 0 0"></i></li></ul></td></div></a></td>
   <td class="fc-event-container">
      <a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#ff0000;border-color:#ff0000">
         <div class="fc-content">
   <td class="image-wrapper-calendar"><img style="-webkit-user-select: none;" src="https://banyan-media-stg.s3.amazonaws.com/Media/3" width="45" height="45"></td><td><ul class="list-inline clinic-name"> <li class="clinic-location">Sat Jan 05 2019 12:27:00 GMT+0530 (India Standard Time)</li></ul><ul class="list-inline social-icon-wrapper"><li class="social-link-tab"><i class="fa fa-facebook-square" style="color:#3B5998;margin: 0 5px 0 0"></i><i class="fa fa-google" style="color:#;margin: 0 5px 0 0"></i><i class="fa fa-map-marker" style="color:#C35C28;margin: 0 5px 0 0"></i></li></ul></td></div></a></td>
   <td class="fc-event-container">
      <a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#ff0000;border-color:#ff0000">
         <div class="fc-content">
   <td class="image-wrapper-calendar"><img style="-webkit-user-select: none;" src="https://banyan-media-stg.s3.amazonaws.com/Media/3" width="45" height="45"></td><td><ul class="list-inline clinic-name"> <li class="clinic-location">Sun Jan 06 2019 12:27:00 GMT+0530 (India Standard Time)</li></ul><ul class="list-inline social-icon-wrapper"><li class="social-link-tab"><i class="fa fa-facebook-square" style="color:#3B5998;margin: 0 5px 0 0"></i><i class="fa fa-google" style="color:#;margin: 0 5px 0 0"></i><i class="fa fa-map-marker" style="color:#C35C28;margin: 0 5px 0 0"></i></li></ul></td></div></a></td>
</tr>

对于每个空事件都会生成,但是当我包含内部布局时它不会反映在浏览器中

0 个答案:

没有答案