我目前正在使用 angular-ui/ui-grid 进行一个元素.在查看用于使其工作的 css(通过 Firebug )时,我偶然发现了一些我以前从未见过的东西。
当包含 ui-grid 的窗口被调整大小时 max-width:
和 min-width:
所有相应更新...
events #4
的 css 在哪里?被引用?
我知道 CSS 可以从 external file
中引用, 或在 <style>
内标签,或 Inline
在 html 标签内...但是 events #4
似乎不符合这些描述中的任何一个……那么它是如何工作的呢?
最佳答案
它通过一些名为 ui-grid-style
的 angular-ui-grid 指令动态设置为内联样式。
你可以搜索他们的教程网格,你会找到类似的东西
<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>
关于javascript - angular ui-grid 基于动态事件的 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32661367/