Текст, игнорируемый при поиске - датируемый

Question

Я сокращаю длину строки до 20 символов перед добавлением данных в таблицу данных - http://www.datatables.net/. При поиске в таблице данных (вводя в поле поиска) усеченные данные больше не доступны для поиска,Можно ли добавить усеченные данные в таблицу данных, не заставляя их игнорировать усеченный текст при поиске.

Это код, который я использую для добавления данных в таблицу данных:

if(data.length > 20){
data= data.substring(0 , 20);
}
$('#myTable').dataTable().fnAddData( [
data            
]
); 

Проблема в том, что усеченные данные не доступны для поиска.

Answer 1

Hiya Рабочая демонстрация : http://jsfiddle.net/Gnazp/5/

поиск foobar1 или foobar2 и т. Д., Которые скрыты на дисплее таблицы, но являются частью столбца, как вы можете видеть в коде jsfiddle.

Вы можете прочитать комментарий в коде, но, по сути, хитрость, которую делает код, заключается в том, чтобы сначала связать данные с фильтром, чтобы у фильтра была информация о вашем полном тексте, а затем обрезать строку, чтобы она появиласькак вам захочется, вы увидите: (Если вы урежете строку перед фильтром, она забудет о данных, которые вы получили в подстроке, надеюсь, что пример кода будет лучше объясняться в jsfiddle)

Примечание: Пожалуйста, дайте мне знатьЯ могу скопировать и вставить весь код здесь в моем сообщении.

Объяснение

в этом случае:

<td class="truncatethis">test yes you can, foobar foonewbar.</td>

Отображает только: test yes yна экране с данными, но если вы ищете foobar, он даст вам правильные результаты.

Чтобы отобразить усеченный экран, я вызвал метод подстроки после вызова фильтра: Look for код внизу этого jsfiddle:

$(".truncatethis").each(function(){

    if($(this).text().length > 10){
               //alert($(this).html());
               $(this).html($(this).text().substring(0 , 10));
        }

});​

Надеюсь, это поможет, ура!