Cách tạo bảng có thể thay đổi kích thước bằng html với thanh cuộn bằng jQuery?

Question

Tôi muốn tạo một bảng trong HTML có các cột có thể thay đổi kích thước. Tôi cũng muốn thanh cuộn vào bảng nhưng tiêu đề của bảng sẽ vẫn cố định trong khi cuộn.

Vui lòng trợ giúp.

Answer 1

www.tablefixedheader.com

Chỉ cần tạo một HTML hợp lệ cơ bản như ví dụ dưới đây. Nhưng lưu ý rằng hệ thống phân cấp phải:

- table > thead > tr > th 
- table > tbody > tr > td 

Example for re-sizable cols

$('#4').fixheadertable({ 
    caption  : 'My employees', 
    colratio : [50, 150, 150, 150, 220, 150], 
    height  : 200, 
    width  : 800, 
    zebra  : true, 
    resizeCol : true, 
    minColWidth : 50 
}); 

Answer 2

Tôi nghĩ rằng, đây là giải pháp của bạn. xem Demo trên jsfiddle. nếu bạn muốn tải dữ liệu từ máy chủ, hãy đặt savedStateLoad: true. nếu không bỏ qua phần ajax, trong trường hợp của bạn, chỉ cần đặt savedStateLoad: false

nguồn gốc của mã là here, nhờ có chúng.