Фильтрация с содержимым html

Question

Я пытаюсь поместить фильтр выбора в столбец с содержимым html.

Фильтр находит идентификаторы строк html, но таблица не отображает записи, как только я выбираю значение в фильтре.

См пример здесь: http://live.datatables.net/rabesuta/1/edit?html,js,output

отношение td содержание

<td><i id="Yes" class="fa fa-circle" style="color:green;font-size:20px;"></i></td> 

установки yadcf:

yadcf.init(table,[ 
     { 
      column_number: 0, 
      column_data_type: 'html', 
      html_data_type: 'id'    
     } 
    ]); 

Answer 1

Его на самом деле не связано с yadcf, а скорее сам DataTables,

Если вы будете кормить глобальный DataTables фильтр со словом Нет или Да оно не покажет вам никаких результатов - потому что кажется, что он не смотрит внутри HTML атрибуты,

Так что вы можете сделать, это помещая скрытый элемент HTML внутри вашей (с нужным значением SERACH прилагается, как этот

<td> 
    <i id="No" class="fa fa-circle" style="color:red;font-size:20px;"> 
     <span class="hide">No</span> 
    </i> 
</td> 

со следующими CSS

.hide { 
    display: none; 
} 

и все будет работать как expceted, see working sample

и вы можете даже уменьшить HTML и настройки yadcf путем удаления идентификаторов из HTML и используя более простую установку yadcf см working sample N#2

соответствующий код:

<td> 
    <i class="fa fa-circle" style="color:red;font-size:20px;"> 
     <span class="hide">No</span> 
    </i> 
</td> 


yadcf.init(table,[ 
     { 
      column_number: 0, 
      column_data_type: 'html' 
     } 
    ]);