使用 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 时的列标题换行 的相关文章

随机推荐

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

    我正在尝试计算由文本字段接收的输入填充的数组的总数 平均值和中位数 我已经设法计算出总数和平均值 但我无法让中位数发挥作用 我认为在执行此操作之前需要对数组进行排序 但我不确定如何执行此操作 是这个问题 还是还有其他问题我没找到 这是我的代
  • 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我的列标题不再环绕 我的列标题现在是单行并显示省略号 当列标题不适合时 此功能是否已被删除或者是否已被其他方法取代 我相信我已经找到了