Javascript 如何让我的桌子在手机上响应？

我试图使我的桌子响应，但我有一个玛姬。我把桌子放得很灵敏，但即使这样也不起作用

我在另一个页面上也做了同样的操作，效果很好。这一次不行，奇怪

<Container className='dataContainer' fluid>
      <Row>
        <Col>
        <h3>Base de données client</h3>
        </Col>
        </Row>
        <Row >
        <Table class="table-responsive" striped hover>
        <thead>
      <tr>
        <th>Nom</th>
        <th>Prenom</th>
        <th>Mail</th>
        <th>Numero</th>
        <th>Age</th>
      </tr>
      </thead>
      <tbody>
        {this.display()}
        </tbody>
        </Table>
     </Row>
       
      
</Container>

德多内斯基地酒店
笔名
普勒农
邮寄
头号人物
年龄
{this.display（）}

---

您正在使用引导程序吗？如果是这样，您需要一个带有class=“table responsible”的div-around-table标记

像这样：

<div class="table-responsive">
<table class="table">
</table>
</div>

---

是的，但它不起作用：（@Wendymontagon为什么“fluid”、“striped”和“hover”不在类标记内？也许这就是问题所在？

.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
}
.table{
width: 100%;
}