Jquery DataTable

Question

我通過動態創建HTML來生成如圖所示的表格。我想添加一些驗證選擇，並希望保存數據。有沒有什麼辦法可以用JQuery來實現？

編輯 是否可以使用JQuery DataTable？

Answer 1

使用下面的代碼ü可以得到一個選擇行的每個單元格的值，然後你可以驗證每個值。

$(document).ready(function() { 
$('#example td').live('click', function() { 
var anOpen = []; 
var nTr = this.parentNode; 
var i = $.inArray(nTr, anOpen); 
console.log(this); // clicked cell 
console.log(nTr); // clicked row 
$(this).parent().find("td").each(function() { 
    console.log($(this).html()); // logs each cell value 
}); 
}); 
});​ 

你可以參考鏈接here

you have mentioned about saving. Is it saving to db? 

Answer 2

您可以檢查您的答覆，這裏jquery-datatable-ajax-tutorial-with-example

var studentTable; 

jQuery(document).ready(function() { 

studentTable = jQuery('#studentListTable').dataTable({ 
"bJQueryUI" : true, 
"sPaginationType" : "full_numbers", 
"bRetrieve" : true, 
"bFilter" : true, 
"iDisplayLength": 10, 
"bProcessing" : true, 
"bServerSide" : false, 
"aoColumns" : [ { "bSearchable" : false,"bVisible" : false, 
"asSorting" : [ "asc" ] }, 
{"sWidth" : "20%","bSortable" : true }, 
{"sWidth" : "20%","bSortable" : true }, 
{"sWidth" : "20%","bSortable" : true }, 
{"sWidth" : "20%","bSortable" : true }, 
{"sWidth" : "20%","bSortable" : true } 
] 
}); 

jQuery(".ui-corner-br").addClass('ui-widget-header_custom '); 
});