如何响应插件生成的表格内容

【问题标题】：How to responsive the table content generated by plugin如何响应插件生成的表格内容
【发布时间】：2016-11-22 15:27:52
【问题描述】：

我正在使用 WordPress 的 event plus 插件，用于显示带有事件信息的日历，该事件信息是由插件的短代码生成的日历。

但是当我在 360*640 或 320*480 分辨率上看到日历时，日历显示不正确。如何响应它正在使用表格的这个日历。

这是我的网站link

请给出解决方法。

【问题讨论】：

您可以按周事件或移动视图显示？
我只想显示完整的日历

标签： css wordpress plugins calendar

【解决方案1】：

.responsive-table {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .responsive-table {
    width: 100%;
    margin-bottom: 1px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ccc;
  }
  .responsive-table > .calendar-table {
    margin-bottom: 0;
  }
  .responsive-table > .calendar-table > thead > tr > th,
  .responsive-table > .calendar-table > thead > tr > td,
  .responsive-table > .calendar-table > tbody > tr > th,
  .responsive-table > .calendar-table > tbody > tr > td, {
    white-space: nowrap;
  }
}

您需要将表格添加到具有 .responsive-table 类的 div 中。这将创建一个水平滚动条，并且易于在较小的设备上使用。

【讨论】：