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