冻结bootstrap中的第一行和第一列

Question

我在我的应用程序中使用了bootstrap作为布局。 整个页面分为2X2 div，

我想冻结顶行和第一列。我怎么能这样做？

以下是描述我的要求的图表。

Answer 1

Mitali，试试这个，

使用position:fixed作为第一行

这是左侧方框

.leftside {
display: inline-block;
float: left;
position: relative;
width: 250px (your value);
margin-top: 58px (your value);
background-color: #ccc;
height: 100%;
}

右侧方框

.rightside {
margin-left: 250px;
min-height: 1000px (your value);
margin-top: 0px;
padding: 0px;
background-color: #eee;
overflow: auto;
position: relative;
}

Answer 2

尝试使用bootstrap -

#sidebar.affix-top{
position: static;
margin-top:30px;
width:228px;
}
#sidebar.affix{
position: fixed;
top:70px;
width:228px;
}

Answer 3

已经有几个例子。

https://codepen.io/aifarfa/pen/jbMqba

https://jsfiddle.net/RMarsh/bzuasLcz/3/

https://www.jqueryscript.net/demo/jQuery-Plugin-To-Freeze-Table-Columns-Rows-On-Scroll/

Looks like I have to enter in code to show these links, this is for angular and jquery using html tables.