V2oD2o,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</script>
<script>
$(function(){
var id = 'tableFields_datalist_id',
arrayData= $.map($('#'+id+' tr'), function(el,i) {
var inp = $('input', el);
return ['id','data','text'].reduce( function(obj, key, indx) {
obj[key] = inp[indx].value;
return obj
},{})
});
$('p').text(JSON.stringify(arrayData))
})
</script>
</head>
<body>
<p></p>
<table style="width:100%;font-size:12px;" cellspacing="0" cellpadding="3" id="tableFields_datalist_id">
<tbody>
<tr class="selectable" style="">
<td width="30"><input style="width:30px;" type="text" disabled="" value="0" name="id"></td>
<td><input style="width:100%;" type="text" value="Alerana" name="data"></td>
<td><input type="text" name="text" style="width:100%;"></td>
</tr><tr class="selectable" style="">
<td width="30"><input style="width:30px;" type="text" disabled="" value="1" name="id"></td>
<td><input style="width:100%;" type="text" value="Redken" name="data"></td>
<td><input type="text" name="text" style="width:100%;"></td>
</tr><tr class="selectable" style="">
<td width="30"><input style="width:30px;" type="text" disabled="" value="2" name="id"></td>
<td><input style="width:100%;" type="text" value="Matrix" name="data"></td>
<td><input type="text" name="text" style="width:100%;"></td>
</tr><tr class="selectable" style="">
<td width="30"><input style="width:30px;" type="text" disabled="" value="3" name="id"></td>
<td><input style="width:100%;" type="text" value="Loreal" name="data"></td>
<td><input type="text" name="text" style="width:100%;"></td>
</tr>
</tbody></table>
</body>
</html>