Css 如何在bootstrap 3中为所有屏幕安装更宽更高的大屏幕

我遇到了引导表的问题。基本上，我的表将是动态的，最初一些列将被隐藏。部分/所有隐藏列将根据用户的操作动态显示。当显示多/所有列时，我的浏览器窗口底部会出现一个滚动条。但是，我希望滚动条出现在我的表格中，而不是页面/浏览器窗口中。我的意思是，现在发生了我不想发生的事情：

当我的表格宽度超过浏览器的可见宽度时，我也需要引导

。表格响应

功能用于我的大屏幕：

我还想垂直滚动条时，它会跨越一个明确的高度。为此，我应用了如下css：

.table-custom {
    max-height: 150px;
    overflow: auto;
}

这是行不通的。对于水平滚动条（当表格的宽度与父屏幕的宽度交叉时），我不能应用任何固定的宽度，因为我需要考虑所有的大屏幕和小屏幕。那么，当动态表跨越其父div的宽度和高度时，如何显示滚动条（垂直和水平）

---

我认为您只需应用

溢出：滚动

添加到表的包含元素，您已经使用

.table responsive

.table-responsive {
     max-width: 150px;
     overflow: scroll;
}

---

fiddle:

我认为您只需应用

溢出：滚动

添加到表的包含元素，您已经使用

.table responsive

.table-responsive {
     max-width: 150px;
     overflow: scroll;
}

---

fiddle:

我认为您只需应用

溢出：滚动

添加到表的包含元素，您已经使用

.table responsive

.table-responsive {
     max-width: 150px;
     overflow: scroll;
}

---

fiddle:

我认为您只需应用

溢出：滚动

添加到表的包含元素，您已经使用

.table responsive

.table-responsive {
     max-width: 150px;
     overflow: scroll;
}

---

小提琴手：

这就是你要找的吗？如果是这样，您应该应用

overflow:scroll到表的一个包含元素。这是您要查找的吗？如果是这样，您应该应用
overflow:scroll到表的一个包含元素。这是您要查找的吗？如果是这样，您应该应用
overflow:scroll到表的一个包含元素。这是您要查找的吗？如果是这样，您应该应用
overflow:scroll到表的包含元素。这没关系。有一件事，你们可以看到。对于小于767px的屏幕，table responsive有一些不同的风格（在那个时候，我们可以说table responsive将处于活动状态）。我希望，如果我能得到更大的屏幕时，动态表跨越它的父母的宽度/高度和滚动条出现的样式太大。尽管如此，我还是接受你的回答，因为我在我的帖子中没有明确说明这一点。谢谢，我不清楚你想在这里做什么
.table responsive
包含在引导列组中，
col-lg-6
，这将影响它将占用多少内容区域。对于较大的屏幕，它将占据50%的宽度，而较小的屏幕将占据100%的宽度。如果您希望表始终保持100%的宽度，则可能必须使用
col-lg-12
或不同时使用引导行和列组。这是可以的。有一件事，你们可以看到。对于小于767px的屏幕，table responsive有一些不同的风格（在那个时候，我们可以说table responsive将处于活动状态）。我希望，如果我能得到更大的屏幕时，动态表跨越它的父母的宽度/高度和滚动条出现的样式太大。尽管如此，我还是接受你的回答，因为我在我的帖子中没有明确说明这一点。谢谢，我不清楚你想在这里做什么
.table responsive
包含在引导列组中，
col-lg-6
，这将影响它将占用多少内容区域。对于较大的屏幕，它将占据50%的宽度，而较小的屏幕将占据100%的宽度。如果您希望表始终保持100%的宽度，则可能必须使用
col-lg-12
或不同时使用引导行和列组。这是可以的。有一件事，你们可以看到。对于小于767px的屏幕，table responsive有一些不同的风格（在那个时候，我们可以说table responsive将处于活动状态）。我希望，如果我能得到更大的屏幕时，动态表跨越它的父母的宽度/高度和滚动条出现的样式太大。尽管如此，我还是接受你的回答，因为我在我的帖子中没有明确说明这一点。谢谢，我不清楚你想在这里做什么
.table responsive
包含在引导列组中，
col-lg-6
，这将影响它将占用多少内容区域。对于较大的屏幕，它将占据50%的宽度，而较小的屏幕将占据100%的宽度。如果您希望表始终保持100%的宽度，则可能必须使用
col-lg-12
或不同时使用引导行和列组。这是可以的。有一件事，你们可以看到。对于小于767px的屏幕，table responsive有一些不同的风格（在那个时候，我们可以说table responsive将处于活动状态）。我希望，如果我能得到更大的屏幕时，动态表跨越它的父母的宽度/高度和滚动条出现的样式太大。尽管如此，我还是接受你的回答，因为我在我的帖子中没有明确说明这一点。谢谢，我不清楚你想在这里做什么
.table responsive
包含在引导列组中，
col-lg-6
，这将影响它将占用多少内容区域。对于较大的屏幕，它将占据50%的宽度，而较小的屏幕将占据100%的宽度。如果您希望表始终保持100%的宽度，则可能必须使用
col-lg-12
或不同时使用引导行和列组。