Как настроить ширину таблиц столбцов в React Bootstrap 4

Question

Как я могу получить таблицу, занимающую всю ширину контейнера, и как я могу установить ширину для каждой таблицы столбцов в React Bootstrap 4. У меня есть жидкость контейнера, и она не занимает всю ширину экрана.Я пробовал таблицу {ширина: 100%}, я пробовал,

<Table responsive="sm">
<thead>
  <tr>
    <th>#</th>
    <th>Table heading</th>
    <th>Table heading</th>
    <th>Table heading</th>
    <th>Table heading</th>
    <th>Table heading</th>
    <th>Table heading</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>1</td>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
  </tr>
  <tr>
    <td>3</td>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
    <td>Table cell</td>
  </tr>
</tbody>