Datatables yadcf-选择-将多个值拆分到单元格中的单独行上

Datatables yadcf-选择-将多个值拆分到单元格中的单独行上,datatables,yadcf,Datatables,Yadcf,我在datatables.js上使用yadcf填充和过滤一列选择,例如国家列表。选择包含国家/地区的唯一值,例如: 奥地利 法国 意大利 美国 英国 一个记录可以有多个国家/地区值。例如,记录可能有“USA”和“UK”。单元格中的国家显示如下: 美国、英国 我希望Country的值显示在单元格内的单独行上,如下所示: 美国 英国 可以这样做吗?您可以使用文本数据分隔符:“”只要确保您的单元格中没有空格 代码片段: $(document).ready(function(){ oTable =

我在datatables.js上使用yadcf填充和过滤一列选择,例如国家列表。选择包含国家/地区的唯一值,例如:

奥地利

法国

意大利

美国

英国

一个记录可以有多个国家/地区值。例如,记录可能有“USA”和“UK”。单元格中的国家显示如下:

美国、英国

我希望Country的值显示在单元格内的单独行上,如下所示:

美国

英国


可以这样做吗?

您可以使用
文本数据分隔符:“
只要确保您的
单元格中没有空格

代码片段:

$(document).ready(function(){
  oTable = $('#example').dataTable().yadcf([
    {
      column_number : 0,
      text_data_delimiter: '<br>'
    }]);
});
$(文档).ready(函数(){
oTable=$('#示例').dataTable().yadcf([
{
列号:0,
文本数据分隔符:'
' }]); });
HTML:


一些数据
更多数据
是/否
价值观
标签
一个
两个 更多数据11 对 a_值,b_值 标记1标记2 三个
四个 更多数据22 不 b_值,c_值 Tag1Tag3
您可以使用
文本数据分隔符:“
只要确保您的
单元格中没有空格

代码片段:

$(document).ready(function(){
  oTable = $('#example').dataTable().yadcf([
    {
      column_number : 0,
      text_data_delimiter: '<br>'
    }]);
});
$(文档).ready(函数(){
oTable=$('#示例').dataTable().yadcf([
{
列号:0,
文本数据分隔符:'
' }]); });
HTML:


一些数据
更多数据
是/否
价值观
标签
一个
两个 更多数据11 对 a_值,b_值 标记1标记2 三个
四个 更多数据22 不 b_值,c_值 Tag1Tag3
我今天回到这里,在datatables中解决了这个问题,特别是在“渲染”选项中

如果数据行中有多个国家名称,我将解析数组并添加一个BR。这使得国家名称在TD中显示在单独的行上

'render': function (data, string, row) {

    var countryNames = "";

    $.each(data, function (i, item) {
        countryNames += item + "<br />";
    })

    return countyNames;
}
“呈现”:函数(数据、字符串、行){
var countryNames=“”;
$。每个(数据、功能(i、项){
countryNames+=项目+“
”; }) 返回countyNames; }
我今天回到这里,在datatables中解决了这个问题,特别是在“渲染”选项中

如果数据行中有多个国家名称,我将解析数组并添加一个BR。这使得国家名称在TD中显示在单独的行上

'render': function (data, string, row) {

    var countryNames = "";

    $.each(data, function (i, item) {
        countryNames += item + "<br />";
    })

    return countyNames;
}
“呈现”:函数(数据、字符串、行){
var countryNames=“”;
$。每个(数据、功能(i、项){
countryNames+=项目+“
”; }) 返回countyNames; }
是否要在表格单元格或筛选选择输入单元格内拆分值?如果它在表本身内部,那么它与yadcf无关。是在表单元格内部。因此,假设它将在datatables.js中完成?它肯定与yadcf无关,但我认为它甚至与datatables也没有关系,而是与您的表布局本身有关,它取决于您如何安排您的
及其
,以及“您希望它的方式…”。。。B.t.w yadcf可以处理每个单元格的多个值,这多亏了
text\u data\u delimiter
选项,请参见showcase中的第4列是的,我使用了text\u data\u delimiter,我在yadcf javascript文件内的注释中了解到了它。-我想我可以使用
作为分隔符并以这种方式分割内容,但我无法让它工作,甚至用“+”替换“,”作为测试。一个“
”会在那里工作吗?不会,但没关系,我自己做了一点设置,看到它工作了吗?我怀疑你的牢房里有空格,而不是
WordOne
WordTwo
,这就是为什么
text\u data\u delimiter:“
不适用于您。是否要在表格单元格或筛选选择输入单元格内拆分值?如果它在表本身内部,那么它与yadcf无关。是在表单元格内部。因此,假设它将在datatables.js中完成?它肯定与yadcf无关,但我认为它甚至与datatables也没有关系,而是与您的表布局本身有关,它取决于您如何安排您的
及其
,以及“您希望它的方式…”。。。B.t.w yadcf可以处理每个单元格的多个值,这多亏了
text\u data\u delimiter
选项,请参见showcase中的第4列是的,我使用了text\u data\u delimiter,我在yadcf javascript文件内的注释中了解到了它。-我想我可以使用
作为分隔符并以这种方式分割内容,但我无法让它工作,甚至用“+”替换“,”作为测试。一个“
”会在那里工作吗?不会,但没关系,我自己做了一个小设置,看到它工作了吗?我怀疑你的单元格中有空格,而不是
WordOne
WordTwo
,这就是为什么
text\u data\u分隔符:“
对你不起作用。嗨,我无法让它工作。我的配置中缺少什么吗?
{column\u number:3,data:uniqueListNames,select\u type:“select”,text\u data\u delimiter:“
”,filter\u default\u label:“按列表筛选”,filter\u reset\u button\u text:false}
这是我的
列表1的内容,列表2(代码>1)主要用于使用预先定义的值集填充过滤器的情况(除非您使用),至于分隔符,您似乎在
td
的值之间使用了
,如果没有指向工作示例的链接,我将无法帮助您。我正在使用underline.js uniq创建一个唯一“列表名称”数组,并将其传递给数据元素:
uniqueListNames=uq.uniq(fullNamesList)`yadcf.init(cTbl,[{列号: