Tiêu đề cố định DataTable không hoạt động

Question

Tôi có bảng sử dụng trình cắm thêm datatables.

Tôi đang cố gắng để làm cho tiêu đề bảng của tôi cố định, và làm theo liên kết này: here

$('.device-table').DataTable({ 
    "fixedHeader": { 
     header: true, 
    }, 
    "bLengthChange": false, 
    "Filter": false, 
    "Info": false, 
}); 

Tôi không thấy tác dụng.

---

Tôi đã bao gồm cả các file js của datatables và fixedHeader:

<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 
<script src="https://cdn.datatables.net/fixedheader/3.1.2/js/dataTables.fixedHeader.min.js" type="text/javascript"></script> 

---

Câu hỏi

Làm thế nào người ta sẽ đi về và gỡ lỗi này?

---

Tôi đang mở cho bất kỳ đề xuất nào vào lúc này.

Bất kỳ gợi ý/đề xuất/trợ giúp nào về điều này sẽ được nhiều người đánh giá cao!

Answer 1

Đối với các plugin fixedHeader để làm việc bạn cũng cần css file:

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/fixedheader/3.1.2/css/fixedHeader.dataTables.min.css"> 

Kiểm tra bản cập nhật này:
https://jsfiddle.net/s2xbf9d0/6/

Answer 2

fiddle của bạn có vẻ là thiếu plugin dataTables.fixedHeader cũng như fixedHeader.dataTables CSS tệp đã khiến cho trang của bạn hiển thị đúng (với các tiêu đề cố định).

Working DEMO:-https://jsfiddle.net/s2xbf9d0/7/

Hope this helps!