[英]angular ui-grid dynamic event based css
我目前正在使用angular-ui / ui-grid进行一个项目。 在浏览用于使其工作的CSS(通过Firebug)时,我偶然发现了以前从未见过的东西。
当调整包含ui-grid的窗口的大小时, max-width:
和min-width:
都会相应更新...
来自events #4
的CSS在哪里被引用?
我知道CSS可以从external file
, <style>
标记内或html标记Inline
...中引用,但是events #4
似乎不适合任何这些描述...因此它如何工作?
它通过称为ui-grid-style
angular-ui-grid指令动态设置为内联ui-grid-style
。
您可以搜索他们的教程网格,然后会发现类似
<style class="ng-binding" ui-grid-style="">
.grid1442752024758 {
/* Styles for the grid */
}
.grid1442752024758 .ui-grid-row, .grid1442752024758 .ui-grid-cell, .grid1442752024758 .ui-grid-cell .ui-grid-vertical-bar {
height: 30px;
}
.grid1442752024758 .ui-grid-row:last-child .ui-grid-cell {
border-bottom-width: 0px;
}
/*
.ui-grid[dir=rtl] .ui-grid-viewport {
padding-left: px;
}
*/
.grid1442752024758 .ui-grid-coluiGrid-0007 { min-width: 161px; max-width: 161px; } .grid1442752024758 .ui-grid-coluiGrid-0008 { min-width: 161px; max-width: 161px; } .grid1442752024758 .ui-grid-coluiGrid-0009 { min-width: 161px; max-width: 161px; }
.grid1442752024758 .ui-grid-render-container-body .ui-grid-canvas { width: 483px; height: 3000px; }
.grid1442752024758 .ui-grid-render-container-body .ui-grid-header-canvas { width: 500px; }
.grid1442752024758 .ui-grid-render-container-body .ui-grid-header-canvas { height: inherit; }
.grid1442752024758 .ui-grid-render-container-body .ui-grid-viewport { width: 500px; height: 168px; }
.grid1442752024758 .ui-grid-render-container-body .ui-grid-header-viewport { width: 500px; }
.grid1442752024758 .ui-grid-render-container-body .ui-grid-footer-canvas { width: 500px; }
.grid1442752024758 .ui-grid-render-container-body .ui-grid-footer-viewport { width: 500px; }
.grid1442752024758 .ui-grid-footer-aggregates-row { height: 30px; } .grid1442752024758 .ui-grid-footer-info { height: 30px; }
.grid1442752024758 .ui-grid-coluiGrid-0007 { min-width: 161px; max-width: 161px; } .grid1442752024758 .ui-grid-coluiGrid-0008 { min-width: 161px; max-width: 161px; } .grid1442752024758 .ui-grid-coluiGrid-0009 { min-width: 161px; max-width: 161px; }
</style>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.