Html 如何使用angular和ionic创建具有固定标题的可滚动表格
我正在尝试使用ionic grid创建一个带有固定标题的水平和垂直滚动条的可滚动表格 我能够实现滚动部分,但不能使标题固定 HTML:Html 如何使用angular和ionic创建具有固定标题的可滚动表格,html,css,angular,ionic-framework,ionic4,Html,Css,Angular,Ionic Framework,Ionic4,我正在尝试使用ionic grid创建一个带有固定标题的水平和垂直滚动条的可滚动表格 我能够实现滚动部分,但不能使标题固定 HTML: 天晚了。。但它对其他人是有用的。。下面的代码对我来说很好 将您的herader css更改为 .headers { color: #454f63; font-family: "Open Sans"; font-weight: bold; font-size: 1
天晚了。。但它对其他人是有用的。。下面的代码对我来说很好 将您的herader css更改为
.headers {
color: #454f63;
font-family: "Open Sans";
font-weight: bold;
font-size: 14px;
margin-top: 10px;
word-wrap: break-word;
background-color: #f0f1f2;;
// Fixed Header
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 9999;
}
你可以试试这个:谢谢@H3llrais3R:)。。。但要求是我们只需要使用离子网格就可以实现。
.reports-table {
overflow-x: auto;
}
.inventory-content {
background-color: #f0f1f2;
}
.headers {
color: #454f63;
font-family: "Open Sans";
font-weight: bold;
font-size: 14px;
margin-top: 10px;
word-wrap: break-word;
}
.border,
.single-border {
border-bottom: 2px solid #989898;
}
.single-border {
padding-top: 12px;
}
.content {
color: #454f63;
font-family: "Open Sans";
font-size: 10px;
}
.headers {
color: #454f63;
font-family: "Open Sans";
font-weight: bold;
font-size: 14px;
margin-top: 10px;
word-wrap: break-word;
background-color: #f0f1f2;;
// Fixed Header
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 9999;
}