角料固定表头

这似乎是一个知道的问题，但似乎还没有解决方案。在安装Angular固定表头以保持列标题可见之后。当我修复头属性添加到<thead>出现在控制台此错误：角料固定表头

控制器“mdtable”，由指令“mdcolumn”需要时，不能找到THEAD MD-头=“” MD-为了隐藏;”

从我这似乎与UI的路由器或NG-如果做了研究对我来说，它适合我的第一个页面时，浏览器重新加载，但我的其他网页我下面是我用来安装固定标题的网站：https://github.com/daniel-nagy/fixed-table-header

来源

2017-04-17 Flash

我觉得它不起作用，如果它s用ng-if或ui-view围起一个div

来源

2017-04-17 21:55:05 Flash

我刚刚添加了具有相同设置和无数据源的另一个表。只是提到，在新表格的css风格位置是绝对的并且还添加了一个空白，因为没有这个新表格将覆盖滚动条的一部分。 CSS：

.tables { 
height: inherit; 
position: relative; 
display: flex; 
width: 100%; 
} 
.table { 
overflow: auto; 
height: 100%; 
width: 100%; 
position: relative; 
} 
.full-width { 
width: 100%; 
} 
.header-table { 
position: relative; 
width: 100%; 
} 
.header { 
display: flex; 
flex-direction: row; 
position: absolute; 
width: 100%; 
    }

 的html代码：

<div class="tables"> 
    <md-table 
    [dataSource]="dataSource" 
    class="table"> 
    //columns and header definitions. 
</md-table> 
<div class="header"> 
    <md-table #table 
    class="header-table"> 
    //the same definition for columns and header. 
    </md-table> 
    <div class="scroll-wrapper"></div>//div that covers the scrollbar. 
</div>

image

来源

2017-09-06 10:21:32 Rasoul

角料固定表头

回答

相关问题