AngularJS 1.6带固定头和3列的表

Question

我正在使用Angular 1.6。我有一个动态表，我必须冻结标题并留下3列。如果有任何指令要这样做，请帮助。我已经尝试了使用CSS和jquery插件在网络中提供的所有选项，但是在静脉中。请帮忙

Answer 1

＆＃13;

＆＃13;

div {
    width: 300px;
    overflow-x:scroll;
    margin-left:50px;
    overflow-y:visible;
    padding-bottom:1px;
}
td {
    padding: 0 40px;
    
}

table tr td:first-child{
  position:absolute;
  width:50px; 
  left:0;
}

＆＃13;

<div>
    <table>
        <tr>
            <td></td>
            <td>Walter</td>
            <td>Mike</td>
            <td>Nancy</td>
        </tr>
        <tr>
            <td>Age</td>
            <td>30</td>
            <td>20</td>
            <td>10</td>
        </tr>
        <tr>
            <td>Gender</td>
            <td>Male</td>
            <td>Female</td>
            <td>Male</td>
        </tr>
        <tr>
            <td>Company</td>
            <td>ABC</td>
            <td>BBC</td>
            <td>BFG</td>
        </tr>
    </table>
</div>

＆＃13;

＆＃13;

＆＃13;