2015-06-22 3 views
5

Я пытаюсь сортировать столбец буквенно-цифровым способом, который содержит тег привязки, который, как представляется, «перехватывает» функцию сортировки. Это выглядит как-то по следующим направлениям:Угловые Datatables сортировка текста внутри гиперссылки вместо href

<tbody> 
    <tr><td><a href="/1"></a>Fox</td><tr> 
    <tr><td><a href="/2"></a>Cow</td><tr> 
    <tr><td><a href="/3"></a>Dog</td><tr> 
</tbody> 

Он вернется Fox,Cow,Dog и Dog,Cow,Fox соответственно. Как отсортировать содержимое тега a, а не текст самого тега a?

ctrl.dtOptions = DTOptionsBuilder.newOptions() 
    .withPaginationType('full_numbers') 
    .withOption("order", [ 
     [1, "asc"] 
    ]) 
    .withOption('paging', false) 
    .withOption('searching', false) 
    .withOption("sDom", '<"top">rt<"bottom"flp><"clear">'); 

ctrl.dtColumnDefs = [ 
    DTColumnDefBuilder.newColumnDef(0).notSortable(), 
    DTColumnDefBuilder.newColumnDef(1) 
]; 

1: Не сортируется
2: буквенно-цифровой (Issue Column)
3-10: Буквенно-цифровая - td только имеет номера так сортирует штраф

+0

Какую функцию сортировки вы используете в настоящее время? покажите нам код. – depperm

+0

@ depperm люблю это, 'Покажи нам код!' – Beyers

+0

отредактируйте этот вопрос, скопируйте свой код, выберите весь свой код и нажмите «Ctrl + k» для форматирования (по крайней мере на окнах, не знаете о других системах) –

ответ

1

Попробуйте использовать .withOption('type', 'html') для столбца, который содержит HTML следующим образом:

ctrl.dtColumnDefs = [ 
    DTColumnDefBuilder.newColumnDef(0).notSortable(), 
    DTColumnDefBuilder.newColumnDef(1).withOption('type', 'html') 
]; 

от documentation:

html - Основная обработка строк для HTML тегов

Сортировка - отсортирован HTML теги удаляются
фильтрация - HTML-теги удаляются из фильтрации

снабжать струной, тетивой и т.п.

См columns.type для получения дополнительной информации.

Смежные вопросы