JQuery DataTable

Question

Я генерирую таблицу, как показано на рисунке, путем динамического создания HTML. Я хочу добавить некоторые валидации по выборам и также хочу сохранить данные. Есть ли способ достичь этого с помощью JQuery?

EDIT Можно ли использовать 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 '); 
});