2015-06-22 18 views
5

Tôi đang cố gắng sắp xếp một cột gồm cả chữ và số có chứa thẻ liên kết có vẻ là 'chặn' chức năng sắp xếp. Nó trông giống như một cái gì đó dọc theo dòng sau đây:Góc dữ liệu Sắp xếp văn bản bên trong siêu liên kết thay vì 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> 

nó sẽ trở lại Fox,Cow,DogDog,Cow,Fox tương ứng. Làm cách nào để sắp xếp dựa trên nội dung của thẻ a thay vì văn bản của thẻ 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: Không sắp xếp được
2: chữ và số (Issue Cột)
3-10: chữ và số - td chỉ có số nên nó loại mỹ

+0

Hiện bạn đang sử dụng chức năng sắp xếp nào? cho chúng tôi thấy mã. – depperm

+0

@depperm yêu thích, 'Hiển thị mã cho chúng tôi!' – Beyers

+0

chỉnh sửa câu hỏi, sao chép mã của bạn, chọn tất cả mã của bạn và nhấn "Ctrl + k" để định dạng (trên cửa sổ ít nhất, không biết về các hệ thống khác) –

Trả lời

1

Cố gắng sử dụng .withOption('type', 'html') cho cột có chứa HTML như sau:

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

Từ documentation:

html - chuỗi xử lý cơ bản cho các thẻ HTML

Phân loại - sắp xếp với các thẻ HTML tháo
Filtering - thẻ HTML ra khỏi lọc chuỗi

Xem columns.type để biết thêm thông tin.

Các vấn đề liên quan