链接换行

2024-02-22

我在制表器中有一个充满文本的列。文本显示时带有换行符。

{title:"Title", field:"title", formatter:"textarea"},

当我介绍内置 URL 格式化程序 http://tabulator.info/docs/4.0/format#format-builtin,第一列中的文本不再中断。

  {title:"Title", field:"title", formatter:"textarea", formatter:"link", formatterParams:{target:"_blank", urlField:"source"}},

有没有办法在保留换行符的同时引入链接?


默认情况下,制表符使用“white-space: nowrap”渲染单元格(如 CSS 类中所定义)制表单元 in 制表符.css).

格式化程序“textarea”通过在单元格元素的样式上手动设置“pre-wrap”来覆盖它:模块/format.js https://github.com/olifolkerd/tabulator/blob/f9bad23f57c5bcad50ae8fc8f6f625e3f1525447/dist/js/modules/format.js#L134

Options:

  1. Write a 自定义格式化程序 http://tabulator.info/docs/4.5/format#format-custom(渲染带有“white-space: pre-wrap”的链接)
  2. 添加您自己的 CSS (after 制表符.css,以确保 css 级联有效)以内部链接为目标制表单元设置“空白:预换行”。这应该有效:
    .tabulator-row .tabulator-cell a {
        white-space: pre-wrap;
    }
    
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

链接换行 的相关文章

  • 如何使用 JqGrid 子网格进行内联编辑?

    我知道如何使用主网格进行内联编辑 但是有没有办法对子网格进行内联编辑 这是我的 JS 文件 function var lastsel list jqGrid url example php postData q 1 datatype jso
  • 在 ExpressJS 中为特定路由链接多个中间件

    我只想验证一些东西 但无法在 Express 文档或在线中找到与此相关的任何内容 尽管我知道这是一个功能 我可以测试一下 但我真的没有一个好的模板 并且希望听到社区的意见 如果我像这样在express中定义一条路线 app get func
  • 这个特定的 ReactJs 代码是如何执行的初学者问题?

    我是初学者 正在阅读大量代码 现在我想知道下面的代码我明白这段代码在做什么 我需要澄清的是代码流程 当我运行它时 我看到图像正在加载 React 是从上到下执行代码吗 占位符图像异步获得正确的图像 但会App如果需要时间 组件会开始渲染但没
  • jquery/javascript 处理后移至命名锚点

    在进行一些 jquery 处理后 如何将焦点移动到同一页面上的不同部分 名为锚点 函数 ABC 进行一些处理 然后 我需要将用户移动到同一页面上的某个部分 页面下方 您可以使用下面的代码将屏幕滚动到 div 只需更改选择器以匹配您要滚动到的
  • GeoJSON 要素坐标未显示在 OpenLayers 地图上

    我正在尝试显示一个GeoJSON地图上的多边形 我使用了 OpenLayers 提供的示例以及以下数据 但仅显示第二个多边形 var geojsonObject type FeatureCollection crs type name fe
  • 按自定义字母顺序对数组进行排序

    如何对这样的数组进行排序 apple very auto tom tim violet 要按 v a t x b 等排序 不按字母顺序 violet very auto tom tim 在脚本中 我会做这样的事情 myArray sort
  • HTML5 拖放 - 没有透明度?

    当我将一个元素拖放到页面上时 该元素会变成 幻影 基本上它获得了一些透明度值 有什么办法可以做到吗opacity 1 看来是做不到了 拖动的元素被放入具有自己的不透明度 低于 1 的容器中 这意味着虽然您可以降低拖动元素的不透明度 但您无法
  • RxJS - 从可观察对象中获取最后 n 个元素

    我想从可观察对象中获取最后 3 个元素 假设我的时间线是这样的 a b c d e f g h i j gt where a b c d e f g h i j are emitted values 每当发出新值时 我想立即获取它 因此它可
  • 日期时间的自定义 JavaScriptConverter?

    我有一个对象 它有一个 DateTime 属性 我想通过 AJAX JSON 将该对象从 ashx 处理程序传递回网页 我不想使用第 3 方控件 当我这样做时 new JavaScriptSerializer Serialize DateT
  • 当脚本是从加载的脚本动态创建的 DOM 节点时,脚本 onload 和 window.onload 的顺序是否定义良好?

    File loader js function main if typeof window undefined var script window document createElement script script src https
  • 替换 Javascript 中的引号?

    对于我正在制作的网络应用程序 我将收到文本字符串 其中偶尔包含引号 因为我接下来要 document writing 字符串 所以需要将它们更改为撇号或转义 我该怎么做 因为当我尝试时它似乎不起作用 特别是我认为因为字符串的引号阻止了脚本的
  • 反转二进制网络

    如何反转二元方程 以便找到哪些输入将产生给定的输出 Example Inputs i0 through i8 Outputs o0 through o8 Operators XOR AND 二元方程 1 i0 1 i1 0 i2 1 i3
  • 单击窗口后才检测到 keydown

    在我的 Web 应用程序中 我有一个用于打开菜单的键的事件侦听器 仅当我单击页面上的任意位置后 此功能才可以正常工作 我尝试将焦点添加到窗口加载 但这仍然不会让 keydown 函数运行 直到我单击页面上的某个位置之后 有谁知道这是否可能
  • 如何检查摘要周期是否稳定(又名“Angular 完成编译了吗?”)

    tl dr 最初的问题是 如何在每个摘要周期触发回调 但潜在的问题更有趣 因为这回答了两个问题 所以我继续修改了标题 Context 在解决了所有依赖项 nginclude API 调用等之后 我试图控制 Angular 何时完成 HTML
  • 为什么 Node.js 命名为 Node.js? [关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 我只是好奇为什么 Node js 这么命名 我搜索了他们的网站和常见问题解答 但没有任何内容可以帮助我理解为什么它被命名为 Node js 官方名称其
  • 如何在 Javascript 中将字符串数组转换为特定的树结构

    我从后端获取文件路径列表 它代表文件夹结构 如下所示 paths path to file1 doc path to file2 doc foo bar doc 路径的长度是任意的 为了使用文件树组件 角度2树组件 https github
  • 垃圾收集器不适用于 NodeJS / Chrome 中的类型化数组

    我最初将其记录为原项目中的一个问题 https github com nodejs help issues 3590 它立即转移到帮助主题 没有很好的解释 所以现在我想在这里提问 如果我们在 NodeJS v14 v16 v17 中运行以下
  • 使用 Promise 语法编写同步代码有什么好处吗?

    有同步承诺这样的概念吗 使用 Promise 语法编写同步代码有什么好处吗 try foo bar a b bam catch e handleError e 可以写成类似的东西 但使用同步版本then foo then bar bind
  • Javascript:修改原型不会影响现有实例[重复]

    这个问题在这里已经有答案了 我创建了原型的 2 个实例 更改了原型中的函数 更改反映在两个实例中 很棒 但是 当我通过删除该函数来修改原型时 该函数对于现有实例仍然存在 function A this name cool A prototy
  • 截断段落前 100 个字符并隐藏段落的其余内容,以通过更多/更少链接显示/隐藏其余内容

    我有一个超过 500 个字符的段落 我只想获取最初的 100 个字符并隐藏其余部分 我还想在 100 个字符旁边插入 更多 链接 单击更多链接时 整个段落应显示并编辑文本 更多 到 更少 单击 更少 时 它应切换行为 段落是动态生成的 我无

随机推荐

  • 为什么 MongoDb 文档 id 前面有一个下划线?

    为什么 MongoDb 文档 id 前面有一个下划线 为什么不称其为 id 而不是 id 这是我不知道的命名约定的一部分吗 您可能会注意到 MongoDB 有很多函数 在 shell 中 和字段以 understore 开头 表示它们是内部
  • 如何在 WordPress 中创建自定义用户角色 [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我必须在 WordPress 中为用户创建审阅者 自定义 角色 如何创建自定义规则 您可以使用add role https devel
  • 带有参数 url 创建的 symfony2 twig 路径

    我得到以下信息 a href Aktivieren a creates 后端 类别 激活 8 1 然后我得到了 a href 这创造了 类别 id 1 看到不同 我想要的是在第二种情况下与第一种情况完全相同 类别 1 我该如何处理这个问题
  • 在 C# 中查询事件日志中消息内容的最简单方法是什么?

    我对 感兴趣编写一些代码来查询 Windows 事件日志以获取特定的错误消息内容 如中所述这篇 MSDN 文章 http msdn microsoft com en us library bb671200 28v vs 90 29 aspx
  • Django 中的 {% %} 和 {{ }}

    我正在学习 Django 遇到了 2 组特殊字符 我以前从未见过这样使用过 我可以猜测它们在示例中的用途 但不了解它们的范围 他们是 if registered user form as p 我添加了if registered and us
  • 为什么“inline-block”元素会自动清除它们的子元素?

    display inline block用于许多clearfixes 1 http css tricks com snippets css clear fix 2 http perishablepress com lessons learn
  • asp.net 中的后台工作者(线程池)

    我有一个 ASP NET Web 表单 它将大约 25 30 个项目 包含用户从表单发出后续请求时所需的信息 写入自定义缓存中 目前 所有这些都是在主线程上同步发生的 但在较高负载下 addcache 正在成为瓶颈 如何在后台运行此任务而不
  • 如何将 BeautifulSoup.ResultSet 转换为字符串

    所以我解析了一个html页面 findAll BeautifulSoup 到名为变量result 如果我输入result在 Python shell 中然后按 Enter 我看到了预期的普通文本 但是当我想将此结果作为字符串对象进行后处理时
  • Laravel 连接 3 个表

    我正在构建一个类似 Twitter 的应用程序 有一个提要 我只想在其中显示我关注的用户的帖子 我尝试了所有连接 但似乎没有任何效果 我有3张桌子 Users Followers Shares 表格如下所示 Users id 追随者 use
  • 您可以将注释目标限制为某个类的子类吗?

    您能否限制注释的目标必须属于某个类 我想创建一个新的验证约束来限制上传的文件类型 约束注释只能出现在 MultipartFile 属性上 而不能出现在 String 或类似的属性上 我该如何限制这个 不在编译时 可用于注释放置的唯一限制是元
  • win7下通过命令行刷新壁纸

    我想从命令行刷新 Windows 7 中的壁纸 我正在通过设置壁纸reg exe add rundll32 exe user32 dll UpdatePerUserSystemParameters不起作用 与1 True or 1 Fals
  • 如何创建所有位都 = 1 的 long 值

    我尝试了以下方法 public static final long DEVICE ID UNKNOWN 0xFFFFFFFFFFFFFFFF 但这会导致 The literal 0xFFFFFFFFFFFFFFFF of type int
  • 如何在 C# 中使用 LINQ 比较两个 List

    这两个列表就像 LISTONE ONE TWO THREE LISTTWO ONE TWO THREE 我需要比较两个列表中的项目是否按相同顺序排列 有没有办法在 LINQ 中做到这一点 Maybe bool equal collectio
  • 如何在Unity3D中为Android启用多dex选项?

    在使用 Unity 构建时 我收到错误 trouble writing output Too many method references 78849 max is 65536 You may try using multi dex opt
  • 使用 Django Rest Framework 进行非用户连接的自定义身份验证

    我已使用 TokenAuthentication 通过 DRF 启用用户身份验证 REST FRAMEWORK DEFAULT AUTHENTICATION CLASSES rest framework authentication Tok
  • API 调用后有状态小部件上的抖动计时问题

    我遇到了计时问题 我从 api 获取数据 然后从 JSON 创建列表 我认为使用结果列表的长度作为列表视图中的项目计数 但是 它会在 itemcount 上引发空错误 然后完成处理并呈现列表视图 我试图找到计时问题出在哪里以及如何处理项目和
  • 我如何知道“程序集”是否真的发生了变化?

    我在 VS2005 中创建了一个简单的 Hello World 应用程序 这是一个简单的控制台应用程序 它只包含以下几行 Console WriteLine Hello World Console ReadLine 当我尝试在不执行任何更改
  • PBEKeySpec iterationCount 和 keyLength 参数有何影响?

    深入研究 java 加密和哈希世界 我看到了构造函数的示例PBEKeySpec具有不同值的类iterationCount和keyLength参数 似乎没有什么可以解释这些参数的影响或含义 我假设keyLength是密钥的长度 因此 32 位
  • 我们可以在 C 或 SystemVerilog 中使用 ifdef MACROS 中的条件吗?

    我想要那样的东西 ifdef N O gt N I define GREATER 1 else define LESSER 1 endif 但做不到 有什么解决方案或阅读吗 我很努力地想要做到这一点 但是却做不到 Verilog 不提供这样
  • 链接换行

    我在制表器中有一个充满文本的列 文本显示时带有换行符 title Title field title formatter textarea 当我介绍内置 URL 格式化程序 http tabulator info docs 4 0 form