链接的换行

Question

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

#include<iostream>
#include<algorithm>
using namespace std;
bool mycompare(int a ,int b){

return a>b;
}

int main(){

int a[]={5,4,3,1,2,6,7};
int n =sizeof(a)/sizeof(int);

sort(a,a+n,mycompare);

for(int i=0; i<n;i++){
cout<<a[i]<<"";
}
return 0;
}

当我介绍built in URL formatter时，第一列中的文本不再中断。

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

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

Answer 1

  

http://tabulator.info/docs/4.0/format#format-height

     

可变高度格式化程序

     

默认情况下，格式化程序会将其内容保持在当前行的高度之内，以隐藏任何溢出。   唯一的例外是 textarea 格式化程序，它将   调整列大小时自动更改其高度，以便   内容不会溢出。

     

如果您希望此功能出现在另一种类型的   格式化程序，您可以在以下页面中将 variableHeight 属性设置为 true   列定义，其行为将类似于   textarea格式化程序：

     

{title:"Name", field:"name", formatter:myCustomFormatter, variableHeight:true}

您也不能一次设置多个格式化程序，这是错误的：

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

Answer 2

默认情况下，制表符使用“空白：nowrap”（如tabulator.css的CSS类tabulator_cell中定义的那样）呈现单元格。

格式化程序“ textarea”通过在单元格元素modules/format.js的样式上手动设置“ pre-wrap”来覆盖该设置：

选项：

1. 编写一个custom formatter（以使用“空白：预包装”呈现链接）
2. 添加您自己的CSS（在之后 tabulator.css，以确保CSS级联有效）以将目标链接到tabulator_cell内，以设置“空白：预包装”。 应该可以工作：

   .tabulator_row .tabulator_cell a {
       white-space: pre-wrap;
   }