реагировать js таблица td добавлен элемент управления, перекрывающий экран за пределами

Question

Я работаю над реагирующим проектом js со страницей, в которой есть таблица с tbody, tr и td.

Я использовал td для столбца, разделяющего каждый пользовательский элемент управления. У меня есть три, чтобы добавить в каждый из трех тегов тд. Пользовательские теги, которые я написал, хорошо выглядят на странице и отображаются полностью. Я получил другой пользовательский элемент управления, который был загружен, но когда я добавляю его в третий столбец td /, он перекрывает страницу с большой шириной. Я не уверен, почему это уходит со страницы. Таблица на 100%, я выделяю первую ширину td для 2%, а загруженный элемент управления для ширины td = 98%

На другой странице я реализовал тот же код, и он работает. Не уверен, почему этот элемент управления находится за пределами страницы.

Я также добавил css и соответствовал элементу управления с жестким кодом шириной 35%, но не использовал жесткий код. Это не работает, когда я расширяю браузер, ширина td остается такой же, как ширина таблицы, расширяемая браузером.

Любая помощь по стилю очень ценится. Спасибо

Вот мой html код до сих пор

<table>
  <tbody>
   <tr>
     <td width=2%>
      <Control1 />
     </td>
     <td width=98%>
      <div className={myStyle.myContainer}>
      <DownloadedControl />
      </div>
     </td>
   </tr>
  </tbody>
</table>

// css .myContainer ширина: 35% поля: 0px