css - 元素上的可填充宽度
问题描述
我在 ngx-datatable 中遇到水平可滚动 div 的问题。如何用全宽填充内容?该绿色必须填充内容。
这是一些代码:
@media screen and (min-width: 769px) and (max-width: 1160px) {
.datatable-body {
display: flex;
flex-wrap: wrap;
overflow-x: scroll;
&-cell {
flex: 0 0 20%;
max-width: 20%;
width: auto !important;
min-width: 20% !important;
white-space: normal !important;
font-size: 12px;
&.is_hidden {
display: none;
}
}
}
.datatable-scroll,
.datatable-row-wrapper,
.datatable-body-row,
.datatable-header-inner {
width: 100% !important;
}
// All column will same width
.datatable-header {
&-cell {
flex: 0 0 20%;
max-width: 20%;
width: auto !important;
min-width: 20% !important;
font-size: 12px;
&.should_be_hidden {
display: none;
}
}
}
}
我做错了什么建议?
解决方案
尝试为<ngx-datatable></ngx-datatable>
选择器添加宽度。
推荐阅读
- asp.net-core - 如何在使用 log4net 的 ASP.NET Core 日志记录中包含客户端的 IP 地址?
- linear-programming - 是否可以在线性规划中对没有布尔变量的逻辑 OR 进行建模?
- flutter - 颤振:未处理的异常:SocketException:操作系统错误:没有到主机的路由,
- android - Firebase 更新嵌套数据而不删除
- python - 烧瓶 api 没有返回 xml
- c# - 如何异步/等待按钮单击,不仅仅是在等待页面上等待,而是在返回之前等待页面上执行的操作
- javascript - 如何在数组中的条目内搜索字符串
- java - 无法使用来自 Selenium 中的 Superclass 的 final 关键字的变量(声明的 WebElement)
- javascript - 加载函数的不同目录
- python - 在使用 str.findall 时获取 pandas 系列中的索引