css - 修改 Angular UI-grid 中 的 CSS

转载 作者：太空宇宙 更新时间：2023-11-04 09:15:22 24 4

我有一个 Angular ui-grid，它在过滤器部分有一个像这样构建的:

, filter: {
           type: uiGridConstants.filter.SELECT,
           selectOptions: [
             { value: 'male', label: 'male' },
             { value: 'female', label: 'female' }
            ]
          }

看起来像这样:

我已经尝试了我能想到的所有方法来修改 CSS 以使其看起来像这样:

但无论我做什么，我似乎都无法为下拉菜单的任何方面设置样式...有没有人成功尝试为 ui-grid 下拉菜单设置样式？

-----编辑 1-----

Here is an ultra-simplified pen

最佳答案

看起来 UI-Grid 并不像人们在查看他们的首页时所想的那样可定制。

这是 customizable elements 的列表在 UI-Grid 中，目前，过滤器不是其中之一。

我本希望构建在 AngularJS 上的组件使用允许完全替换过滤器模板的指令 但它要么不存在，要么我无法找到它 。

编辑:经过更多挖掘，我发现了 headerCellTemplate深埋在他们的文档中。不完全确定如何使用它，但我认为它是打开宝箱的 key 。

---

最糟糕的是，他们使用的过滤器是使用普通 <select> 构建的和 <option>标签，这真的很痛苦。一个好的起点是 this awesome answer和接受的，来自同一个问题。

您可能会注意到，从我链接的答案中复制/粘贴代码是可行的，但实现和维护起来很麻烦。

我必须承认我会考虑在您的位置上使用 UI-Grid 的替代方案，例如 Smart table或 ngTable .我还要提到 Swimlane 的 ngx-datatable感谢他们取得的令人难以置信的表现(表格在 10 万行的情况下平稳移动 - 太棒了!)。

祝你好运!

关于css - 修改 Angular UI-grid 中 <select> 的 CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41811192/

24 4 0

文章推荐： python - 具有功能的 hasattr

文章推荐： python - Unresolved 导入 : webbrowser

文章推荐： python - 重新键入字典

文章推荐： python - 将 TIMIT 数据库中的 Nist Wav 文件读入 python numpy 数组

• MSSQL监控数据库的DDL操作(创建，修改，删除存储过程，创建，修改，删除表等)

  前言： 有时候，一个数据库有多个帐号，包括数据库管理员，开发人员，运维支撑人员等，可能有很多帐号都有比较大的权限，例如DDL操作权限(创建，修改，删除存储过程，创建，修改，删除表等），账户多了，管理

• c - 下面的代码有什么问题？预期 X 由线程 Func 1 修改，随后 X 由线程 Func 2 修改

  这个问题已经有答案了: Condition variable deadlock (2 个回答) 已关闭 5 年前。 在研究多线程时，我编写了以下代码，但在屏幕上没有观察到输出。我在这里做错了什么？我期

• 修改.htaccess实现301域名重定向示例分享

  复制代码 代码如下: <IfModule mod_rewrite.c> RewriteEngineOn RewriteBase/ #将www.zzvips.com跳转到www.zzv

• 修改.htaccess实现子目录绑定示例分享

  复制代码 代码如下: <IfModule mod_rewrite.c> RewriteEngine On  RewriteBase / # 把 www.zzvips.com

• 修改 Gateway和DNS的vbs脚本

  复制代码 代码如下: Const T_GATEWAY = "1.1.1.1" '网关 Const T_NEWDNS1 = "2.2.2.2" 'DNS1

• ElasticSearch学习2 - 查询、修改

  0. 修改索引 大文本字段支持排序 PUT http://localhost:9200/lrc_blog/_mapping //请求体 { "properties": { "title": { "t

• javascript - 修改 DOM

  仅 react 当状态发生变化时重新渲染 . 那么为什么我会直接看到我对真实 DOM 所做的更改呢？ 我知道我正在修改真实的 DOM，但是当我根本没有改变状态时触发重新渲染的是什么。 import R

• swiftui - 修改@FetchRequest

  Xcode beta 5 推出 @FetchRequest对于 SwiftUI。 我有一个 View ，它有一个 @FetchRequest . NSFetchRequest是在管理器中创建的，该管理

• php - 修改/编译开源项目源代码的最佳方法是什么？

  关闭。这个问题需要更多 focused .它目前不接受答案。 想改进这个问题？更新问题，使其仅关注一个问题 editing this post . 7年前关闭。 Improve this questi

• PHP preg_replace 修改

  我有一个表达式[text][id]应替换为链接 text 解决方案是( id 是整数) $s = preg_replace("/\[([^\]]+)(\]*)\]\[([0-9]+)\]/","$1$

• svn - 如何防止文件在颠覆中被提交/修改？

  我在 repo 中有一个文件，我不想让任何人更新。 我能做什么？ 最佳答案 你想要svn锁:http://www.linxit.de/svnbook/en/1.2/svn.ref.svn.c.lock

• powershell - 修改/转换选择对象中的数据

  说我有项目 list 。我想导出到csv，但在此之前我想做一些计算/修改。 基本上，设置如下所示: PS C:\Files> gci Directory: C:\Files Mode

• Java API 修改

  我有一个非常简单的问题 - 是否可以修改 Java API 的源代码，例如Junit，JABX ？ 我知道这似乎是一个非常愚蠢的问题，但它一直困扰着我一段时间。 最佳答案 如果您可以掌握源代码，那么请

• r - 修改/添加列到嵌套的tibble

  我有一个带有变量/列的小标题，其中包括不同形状的小标题列表。我想为其中一个变量中的每个(子)标题添加一个变量/列。 例如此类数据 library("tibble") aaa aaa # A tibb

• Javascript url 修改

  我有几个菜单，可以在单击时向当前链接添加变量。这是一个例子: 1 2 3 x y z 我的问题是，如果我选择“y”2次，它会添加“&cord=y”2次。相反，我希望它替

• .net - 修改.NET服务安装程序的安装路径

  我有两个项目:一个服务项目和一个服务安装程序项目。服务项目具有适合我的产品的装配信息。它包括公司信息和正确的服务名称。一旦服务实际安装，所有这些似乎都会被忽略。安装服务时，它使用在服务安装程序的ini

• perl - 修改$_的时候会出错吗？

  以下代码何时可能产生副作用？ @some = map { s/xxx/y/; $_ } @some; perlcritic 将其解释为危险的，因为例如: @other = map { s/xxx/y/

• java - 修改.class文件

  我想知道以下哪种解决方案更好:我想修改一些 .class 文件，我意识到有两种方法可以做到这一点: 反编译.class文件，修改它，最后再次编译。 - 直接用十六进制编辑器修改。 谢谢 最佳答案 在这

• java - 修改 addMouseListener()

  这是我的按钮代码 onclick 我希望我的程序等待用户单击一个 JPanel，并且当用户单击 JPanel 时，它应该在控制台上打印其名称。 此按钮代码未显示输出 JPopupMenu popu

• java - 修改/设置从访问器方法返回的字符串

  我正在使用一个具有“getName()”方法的特定 API。 getName() 返回一个字符串。是否可以修改该字符串？ API 中不包含修饰符方法，并且 String getName() 返回的是私

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

• android - 多次调用 OnPrimaryClipChangedListener
• android - 无法更新 RecyclerView 中的 TextView 字段
• android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
• android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色

滴滴打车优惠券免费领取

全站热门文章

• 让LLM来评判|基础概念
• Pulsar客户端如何控制内存使用
• G1原理—4.G1垃圾回收的过程之YoungGC
• 利用mybatis拦截器记录sql，辅助我们建立索引(一)
• C#实现Winform程序在系统托盘显示图标&开机自启动
• 《痞子衡嵌入式半月刊》第116期
• k8s列出所有未配置探针的deployment
• unityassetbundle加载图集的所有sprite图片
• 终于决定：把自己家的能源管理系统开源了！
• 了解ASP.NETCore中的中间件

Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com