使用 Angular ui-grid 时的列标题换行

2024-01-02

我已将我的 AngularJS SPA 应用程序从ng-grid v2.0.7 to ui-grid v3我的列标题不再环绕。我的列标题现在是单行并显示省略号...当列标题不适合时。

此功能是否已被删除或者是否已被其他方法取代?


我相信我已经找到了一种通过覆盖标题列中的文本换行的方法ui-grid-cell-contentsCSS 类。

.ui-grid-header-cell .ui-grid-cell-contents {
     height: 48px;
     white-space: normal;
     -ms-text-overflow: clip;
     -o-text-overflow: clip;
     text-overflow: clip;
     overflow: visible;
}

将其添加到我的 site.css 中,我发现列名称现在按预期换行到下一行。

适用于 Chrome (v41) 和 Firefox (v35)。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 Angular ui-grid 时的列标题换行 的相关文章

  • JSON 数据的动态表单(不同类型)

    我尝试使用 JSON 中的数据在 AngularJS 中创建动态表单 我有这个工作 HTML p p
  • 如何重置表单中的 $dirty

    我在使用时遇到一个问题 dirty在我的申请表中 问题是一旦您更改表单字段 值 dirty将被设置为true但现在当您撤消更改时 它不会重置 dirty价值false 我们可以重置 dirty价值false手动但之后当您再次更改表单字段值时
  • AngularJS 中的非单例服务

    AngularJS 在其文档中明确指出服务是单例 AngularJS services are singletons 违反直觉的是 module factory还返回一个 Singleton 实例 鉴于非单例服务有很多用例 实现工厂方法以返
  • Angularjs 抛出 TypeError:无法读取未定义的属性“indexOf”

    我正在尝试调试上面的代码 我觉得这非常有用 gt 我什至找不到代码中的问题 也不知道从哪里开始 因为 Angularjs 对我来说仍然很新 我正在尝试本地化 Angularjs 应用程序 我知道为了获得帮助而缺少很多上下文 但我正在尝试查看
  • 在 Angular ui-router 中更改状态而不更改浏览器历史记录

    假设我们有这样的逻辑 从状态A改变到状态B 每当我们到达状态 B 时 应用程序总是通过调用将我们重定向到状态 C state go stateC 现在我们处于状态C 我的问题是如何从状态 C 返回状态 A 考虑到状态 A 可以是我们在运行时
  • AngularJS,使用没有后退按钮刷新的路由

    我在用着angularJS使用 AJAX 构建一个简单的单页应用程序 但是当用户使用本机后退按钮时我遇到了问题 angular module myApp ionic myApp controllers myApp services conf
  • 为 HTML5 Django Web 应用程序实现实时通知系统

    我目前正在开发一个由 Django apache 提供服务的 HTML5 Web 应用程序 该应用程序的目标是监视多个设备 所有客户端逻辑都是用 Angular 编写的 所有数据都来自对后端进行的基于 JSON 的类似 REST 的调用 我
  • 在 AngularJS 中将数组绑定到指令变量

    我正在尝试将数组放入模板中 以便我可以使用其中的各个值 我的问题是 该属性一旦进入我的模板就会变成字符串 因此它不再可以作为 var 0 访问 而是返回 字符串 的第一个字符 通常是 这是数据的简化设置 varForward 100 1 v
  • 如何创建自定义输入类型?

    例如 我想创建一个类似于 AngularJS 实现 电子邮件 的方式的自定义输入类型
  • 添加甜蜜警报 Angular js

    我是 AngularJS 的新手 我正在尝试使用来自https github com oitozero ngSweetAlert https github com oitozero ngSweetAlert 我已经将相应的脚本添加到我的in
  • D3.js折线图溢出边距

    我有 d3 js 折线图 它作为 angular js 应用程序的指令包含在内 动态添加的线和 xAxis 以及缩放线上的边距溢出 我必须在图的顶部为每条加载的线创建 Ox 轴 并具有 Ox 和 Oy 单独的缩放可能性 Oy 缩放工作正常
  • 如何识别 YouTube 播放器的音量变化

    我正在使用 angualr youtube embed 指令将 YouTube 播放器嵌入到我的 Angular Web 应用程序中 因为我必须识别播放和暂停以及音量变化事件 为了监听播放和暂停事件 我使用下面给出的代码 scope on
  • cordova.js 导致引用错误“未定义需求”

    我想用恩科尔多瓦检测设备的网络状态 然而 一旦我包括科尔多瓦 js我收到一个错误 未捕获的引用错误 未定义 require cordova js 23 我已经安装并成功运行Node js and Cordova 我已经下载并安装了恩科尔多瓦
  • Angular JS 在调用新的 $http 之前取消 $http 调用

    在 Angular JS 1 1 5 中 您可以取消之前启动的 http 调用 这两个link1 https stackoverflow com questions 16962232 in angularjs how to stop ong
  • 包含routeChangeSuccess的AngularJS测试控制器

    我正在尝试创建单元测试来测试导航列表控制器 但在创建测试时遇到问题 这是控制器的代码 navListModule controller NavListCtrl scope NavList function scope NavList sco
  • 在角度控制器中监听文档事件

    如何捕获角度控制器中的事件 我有文档级事件 所以我需要在角度控制器中捕获事件 这可能吗 Update 我有独立的 js 文件来处理来自相机的一些操作 document addEventListener myCameraEvent handl
  • Angular UI 模式的范围问题

    我无法理解 使用角度 UI 模式的范围 虽然这里不是很明显 但我已经正确设置了模块和所有内容 据我所知 但这些代码示例尤其是我发现错误的地方 index html 其中重要部分 div class btn group div
  • Angular.js:如何从无序列表中获取 orderBy 或过滤器来工作?

    尝试根据价格和评级 在返回的对象中 进行排序 我宁愿用 ng click 和 li 来代替使用选择菜单 有没有办法做到这一点 我环顾四周 这是我能想到的最接近的 ul class restaurant filter li i class i
  • $exceptionHandler 中的 $location - 依赖冲突

    我正在尝试实现一个非常标准的任务 当发生异常时 重定向到我的 error page 代码的简化形式如下所示 app factory exceptionHandler location function location return fun
  • 错误:[$rootScope:infdig] 过滤器中发生了 10 次 $digest() 迭代

    我已尝试了有关此问题的所有答案 但找不到消除此错误的方法 我非常确定这个过滤器函数是导致上述错误的原因 filter collect ingredients function return function input if angular

随机推荐

  • 如何计算数组的中位数?

    我正在尝试计算由文本字段接收的输入填充的数组的总数 平均值和中位数 我已经设法计算出总数和平均值 但我无法让中位数发挥作用 我认为在执行此操作之前需要对数组进行排序 但我不确定如何执行此操作 是这个问题 还是还有其他问题我没找到 这是我的代
  • Swift 版本冲突:编译器不支持此 SDK - 使用 BUILD_LIBRARY_FOR_DISTRIBUTION 设置。可能是什么问题?

    我正在构建一个 Swift 静态库 Xcode 13 2 Swift 编译器 5 5 2 iOS 部署目标 12 0 构建用于分发的库YES 跳过安装NO Swift 语言版本 5 并尝试使用 4 2 使用 CocoaPods 管理依赖项
  • Eclipse/Kotlin 仅识别一些需要的导入

    我按照说明进行操作用于 Eclipse 的 Kotlin 插件 https kotlinlang org docs tutorials getting started eclipse html Hello World 测试运行良好 然后我做
  • 如何在水晶报表中调用存储过程

    使用水晶报表 7 我想在水晶报表中调用存储过程 怎么做 将存储过程添加到您的报告中 就像你会添加一张桌子一样 添加存储过程运行需要的参数 作为参数它们在存储过程中的名称完全相同 因此 如果 SP 有两个参数 PARAM1 和 PARAM2
  • 从包访问流星应用程序的导入目录?

    Meteor应用程序目录布局 imports api collections MyCollectionFile js packages mypackage mypackageMain js 我可以从包文件中导出任何内容并在应用程序中使用它
  • ARM - 域访问控制寄存器

    我想知道 为什么我们总是必须禁用位于协处理器寄存器 cp15 c3 中的域访问控制寄存器中的所有域 这通常是在启动代码中通过如下方式完成的 使用MCR http infocenter arm com help index jsp topic
  • 如何在 MongoDB 的 $lookup 中返回单个对象而不是数组?

    当我们使用 lookup in a聚合查询 of MongoDB我们使用这种格式 lookup from users localField userId foreignField id as user where user作为对象数组返回
  • 如何同时绑定Mousedown和Touchstart,但两者都不响应?安卓、JQuery

    在一个可以在移动设备上查看的网站上工作 并且需要在 touchstart 和 mousedown 上绑定操作 看起来像这样 roll bind mousedown touchstart function event someAction 它
  • 如何在 ng-if AngularJS 中使用 JavaScript?

    我试图使用JavaScript表达与ng if 然而 它没有做任何事情 它总会回归false 我尝试过以下内容 ng if localStorage getItem grid layout list 如果为 true 则显示 div The
  • 如何使用 jQuery 和 xhr2 进行文件上传(返回空 $_FILES)

    我正在使用 ajax 方法和 xhr2 使用 ajax 方法上传文件 当我将任何标准对象分配给 ajax 参数数据时 POST php 中将返回一个正确的非空数组 JS data name john doe PHP print r POST
  • 设置 Java 环境 (Apache Tomcat) 以编码 UTF-8

    我想知道如何设置 Java 环境以 UTF 8 进行编码 基本上 我的 JSP 页面显示了一些阿拉伯文本 但它们的编码似乎不正确 当我在 IDE 中运行页面时 它工作正常 但在它们所在的服务器上 它简单地将其显示为问号 我只是想知道如何设置
  • 如何将文本中的单词分离结合起来?

    我有简单的文字 text F 在这里我想组合单词并得到这个结果 巴德鲁
  • 如何在 iOS 上启用文件和文件夹权限

    我正在尝试使用 AlamoFire 下载文件并将其保存到用户选择的下载目录 如 safari 但是 每当我将下载目录设置为应用程序文档之外的文件夹时 我都会收到以下错误 在真实的 iOS 设备上 downloadFileMoveFailed
  • 应用程序可以被反编译吗?

    我需要将网站特定部分的身份验证信息编码到我的应用程序中 应用程序是否有可能被 反编译 并暴露用户名和密码 NSURL url NSURL URLWithString https predefinedUsername email protec
  • Azure DevOps gulp 步骤失败,找不到本地模块

    我有一个 Azure DevOps 构建步骤 为 angularjs 应用程序运行 gulp 我将 Gulp 文件路径设置为指向GulpFile js引用的任务应捆绑应用程序并将文件放入解决方案文件夹中的 zip 文件中 当我在 Visua
  • 如何设置 Amazon S3、回形针和 ENV 变量

    我尝试了许多不同的方法来使用 ENV 变量设置 S3 进行图像上传 但无法使其工作 我知道我的密钥和存储桶名称有效 因为当我将它们直接放入代码中时 我的图像会正确上传 但是 当我尝试切换到 ENV 变量时 事情不起作用 我使用了 Figar
  • 谷歌图表不显示轴标签

    这不适用于图像图表 我有以下代码可以生成正确的图表 但标签不显示 图表 div 位于另一个 div 中 该 div 用作我的页面上的选项卡 当我在未选择包含图表的选项卡时运行该函数时 图表将显示为没有标签 当我在选择选项卡的情况下运行该函数
  • android UDP连接,没有接收到任何数据

    我是这方面的新手 所以如果我问愚蠢的问题 请原谅我 我试图在 Eclipse 的 PC 模拟器和 Android 手机之间建立 UDP 连接 或两个 Android 手机设备之间 我有一个router并且手机通过路由器的 wifi 网络连接
  • 如何在 SQLAlchemy 中创建带有外键列表的字段?

    我正在尝试在另一个模型的字段中存储模型列表 下面是一个简单的例子 我有一个现有的模型 Actor 我想创建一个新模型 Movie 与场Movie list of actors import uuid from sqlalchemy impo
  • 使用 Angular ui-grid 时的列标题换行

    我已将我的 AngularJS SPA 应用程序从ng grid v2 0 7 to ui grid v3我的列标题不再环绕 我的列标题现在是单行并显示省略号 当列标题不适合时 此功能是否已被删除或者是否已被其他方法取代 我相信我已经找到了