Реактивный большой календарь Таблица TD перекрывается за пределами таблицы и TD - PullRequest
Новая
       40

Реактивный большой календарь Таблица TD перекрывается за пределами таблицы и TD

0 голосов
/ 20 марта 2020

Я использую реагирующий большой календарь внутри таблицы с tbody, tr и td. Если в календарном месяце есть данные, «Календарь реакции-большого размера» помещается на странице и внутри панели. Однако, когда я добавил события в календарь, он перекрывает таблицу, tr, панель. Правая сторона расширяется, и я должен использовать горизонтальную полосу прокрутки, чтобы увидеть крайнюю правую сторону.

Я также попробовал следующее, и это помогает подогнать календарь, но это жесткое программирование ширины, и мне нравится календарь, чтобы изменить размер с шириной браузера.

style ({height: "100vh", width: "100vh"})

width; "100%" не работает.

Any Помощь очень ценится.

Мне нужно, чтобы она оставалась в форме внутри стола. 

<table className={myStyle.myTableStyle}>
 <tbody>
   <tr>
    <td width=98% className={myStyle.myPanel}>
      <Calendar 
        className="myCalendar"
        selectable={true}
        localizer={myLocalizer}
        defaultView="month"
        events={myEvents}
        style({height: "100vh"})
        popup={true}
      />
    </td>
   </tr>
 </tbody>
</table>

1 Ответ

0 голосов
/ 23 марта 2020

добавлено к стилю таблицы в css

.tableStyle - макет таблицы: фиксированная ширина: 100%

Это предотвращает запуск таблицы со страницы

...