基于角度 ui-grid 动态事件的 css答案

【问题标题】：angular ui-grid dynamic event based css基于角度 ui-grid 动态事件的 css
【发布时间】：2015-09-20 20:29:18
【问题描述】：

我目前正在使用angular-ui/ui-grid 进行一个项目。在查看用于使其工作的 css 时（通过 firebug），我偶然发现了一些我以前从未见过的东西。

当包含 ui-grid 的窗口调整大小时，max-width: 和 min-width: 都会相应更新...

events #4 的 css 在哪里被引用？

我知道 CSS 可以从 external file、<style> 标记或 html 标记内的 Inline 中引用……但 events #4 似乎不符合这些描述中的任何一个…… . 那么它是如何工作的呢？

【问题讨论】：

标签： javascript html css angularjs angular-ui-grid

【解决方案1】：

它被一些名为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>

Link to their sorting tutorial

【讨论】：