Mam taki kod:

  1. $.ajax({
  2. method: ajaxData['method'],
  3. url: ajaxData['url'],
  4. data: ajaxData['data'],
  5. dataType: "JSON",
  6. success: function (res) {
  7. $('.x-tabs').show();
  8. if (res.message) {
  9. $('.error').html(res.message);
  10. return false;
  11. } else {
  12. $('.error').empty();
  13. }
  14. elementShowSiblingsHide(element);
  15. plotStandardResult(option, res.ticks, res.details.min, res.details.max, summary, element.split('#')[1]);
  16. setXaxisDataSummary(element, summary);
  17. getYaxisTicks(element);
  18.  
  19. $('#month .jqplot-xaxis-tick').on('click', function () {
  20. return false;
  21. });
  22. $('#summary_month .jqplot-xaxis-tick').on('click', function () {
  23. return false;
  24. });
  25. $('#pozax_month .jqplot-xaxis-tick').on('click', function () {
  26. return false;
  27. });
  28.  
  29. var table = '<table id="users_sum_year">';
  30. table += '<thead><tr><th>Użytkownik</th><th>Data</th><th>Suma obrotów</th></tr><thead>';
  31. table += '<tbody>';
  32. for (var i = 0; i < res.table.length; i++) {
  33. for (var j = 0; j < res.table[i].ticks_year.length; j++) {
  34. //rok
  35. table += '<tr class="year_sum" data-user=' + res.table[i].username + ' data-year=' + res.table[i].ticks_year[j][0] + '><td>' + res.table[i].username + '</td><td>' + res.table[i].ticks_year[j][0] + '</td><td>' + format_number(res.table[i].ticks_year[j][1] / 100) + '</td></tr>';
  36. //miesiace roku ukryte
  37. for (var k = 0; k < res.table[i].ticks_month[res.table[i].ticks_year[j][0]].length; k++) {
  38. var date = res.table[i].ticks_month[res.table[i].ticks_year[j][0]][k][0] + '-' + res.table[i].ticks_month[res.table[i].ticks_year[j][0]][k][1];
  39. var sum = res.table[i].ticks_month[res.table[i].ticks_year[j][0]][k][2];
  40.  
  41. table += '<tr class="month_sum" data-user=' + res.table[i].username + ' data-year=' + res.table[i].ticks_year[j][0] + '><td></td><td>' + date + '</td><td>' + format_number(sum / 100) + '</td></tr>';
  42.  
  43. }
  44.  
  45. }
  46. }
  47. table += '</tbody>';
  48. table += '</table>';
  49.  
  50. $('#tables_container').html(table);
  51.  
  52. $('#users_sum_year').DataTable({
  53. "paging": true,
  54. "ordering": false,
  55. "info": false,
  56. 'bFilter': false
  57. });
  58.  
  59.  
  60. }
  61. });


kiedy zaznacze w objekcie paging: true to zle mi Tworzy tabele co widac na:
a kiedy paging ustawie na false to jest dobrze co widac tutaj:

Domyslam sie ze problem polega na tym ze datatable musi dodawac do listy ukryte pola tr i dlatego ucina o te ukryte. Jakies pomysly jak taki problem rozwiazac?

Problem rozwiazany pomoglo takie cos:

  1. $('#users_sum_year').DataTable({
  2. "paging": true,
  3. "aLengthMenu": [[100, 200, 300, -1], [8, 16, 32, "All"]],
  4. "iDisplayLength": 100,
  5. "ordering": false,
  6. "info": false,
  7. 'bFilter': false
  8. });