Hỏi về cách làm việc với dataTable bootstrap

duythach · November 24, 2016, 2:52pm

xin chào anh chị em đang nghiên cứu làm datatable quản lý thêm xóa sửa những cái thông tin bên trong table, e là người mới bắt đầu nghiên cứu và làm web,e tìm được thư viên của thằng bootstrap. em có 1 vài câu hỏi và thắc mắc xin mọi người chỉ bảo và giải ngố. Em đang tìm hiểu table của exam này: https://editor.datatables.net/examples/api/checkbox.html

Ý của em là: e dùng framework codeigniter để code phần mềm của e.

e sẽ dùng thư viên table của thằng bootstrap này để quản lý data.
Câu Hỏi:

Em muốn sét lại vị trí của 3 button new edit del thì vào đâu ạ.
E muốn click vào 1 dòng thì nó sẽ hiện ra 1 display mới do em desgin thông tin của 1 row đó thì phải làm sao ạ.
Cảm ơn anh chị rất nhiều đã bỏ thời gian chia sẽ kinh nghiệm, xin hãy cho e lời khuyên và lời giải đáp từ anh chị ạ.

duythach · November 24, 2016, 5:37pm

Helppp i need an advice.

Hao · November 25, 2016, 1:49am

3 nút đó em muốn để ở đâu cũng dc, nó không thuộc quản lí của datatable. Chỉ cần e tạo 1 event mà khi click vào nút Add để gọi event addRow như cái ví dụ này: https://datatables.net/examples/api/add_row.html
Để click vào 1 dòng sẽ hiện ra thông tin thì cũng tạo 1 event

$("#myTable tbody tr").live("click", function(event){
    var id = myTable.fnGetData(this)[0]; // cái này là code mẫu thôi, muốn làm gì thì sửa lại
    displayUserInfo(id); 
    });
    }

Maya_Hoang · November 25, 2016, 2:25am

Bạn có HTML chưa? Bạn có the tham khao đây :http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_table-responsive&stacked=h
tìm trên HTML dòng : “< button type=“button” class=“btn btn-default”>Add< /button>” đem nó đặt ở đâu cũng đc.
Nếu bạn biết JavaScript , Ajax like that, dùng để thêm xóa sửa những cái thông tin bên trong table như bạn A Curious Person nói.

Yii · November 25, 2016, 3:03am

Em muốn sét lại vị trí của 3 button new edit del thì vào đâu ạ.
Bạn thử làm theo xem oke không nhé:
tạo 1 thẻ div id là “vt”: là nơi bạn muốn đặt 3 nút
bỏ vào

$(function(){
$(’#vt’).append($(’.dt-buttons’)); //‘dt-buttons’ là class mặc định của nó
});
E muốn click vào 1 dòng thì nó sẽ hiện ra 1 display mới do em desgin thông tin của 1 row đó thì phải làm sao ạ.
Bạn xem cái popup của bootstrap