angular1.6 - 具有固定标题和 3 列的 AngularJS 1.6 表

Question

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

Answer 1

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;
}

<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>