2014-01-09 2 views
0

Я пытаюсь показать только некоторые строки из моей таблицы сгенерирована следующий код (например, только два):показать/фильтровать некоторые строки в таблице

function loadTable(){ 

    $.getJSON('sort.php', function(data) { 
     $('#mytable tbody tr').remove(); 
     $.each(data, function(i, val) { 
      $('#mytable tbody').append('<tr><td>'+val.value0+'</td><td>'+val.value1+'</td><td>'+val.value2+'kb/'+val.value3+'kb</td><td>10:59 08/01/2014</td></tr>'); 
     }); 
    }); 

    $('#mytable tbody').hide(); 
    $('#mytable tr').slice(0, 2).show(); 
    setTimeout("loadTable()",15000); 
    } 

, но с этим кодом работает только шкура а не шоу. любая помощь?

+1

Dont вы должны показать его в АЯКСЕ обратного вызова? Потому что ты прячешь свой твой до этого. – PSL

+0

donot скрыть родителя, он скроет также и ребенка .. просто скройте те строки, которые вам нужны .. rest по умолчанию отображаются. – Neha

+0

удаляя скрытую тень, я попытался показать несколько строк, но мне тоже не удалось. Можете ли вы показать мне пример с примером? – user3155074

ответ

0

Вы не можете отображать строки до тех пор, пока они не будут добавлены на страницу.

function loadTable(){ 

    var tbody = $('#mytable tbody').hide(); 

    $.getJSON('sort.php', function(data) { 
     tbody.empty(); 
     $.each(data, function(i, val) { 
      tbody.append('<tr><td>'+val.value0+'</td><td>'+val.value1+'</td><td>'+val.value2+'kb/'+val.value3+'kb</td><td>10:59 08/01/2014</td></tr>'); 
     }); 

     tbody.find("tr").hide().slice(0, 2).show(); 
     tbody.show(); 
     setTimeout(loadTable,15000); 


    }); 

    } 
+0

Я пробовал, но это не работает для меня – user3155074

+0

Я добавил код, чтобы «спрятать» лишние строки. Не уверен, что это была проблема. – epascarello

+0

все еще не работает – user3155074

0

Проблема может заключаться в том, что вы скрываете родителя, а затем пытаетесь показать ребенка.

$('#mytable tbody').hide(); 
$('#mytable tr').slice(0, 2).show(); 

Вместо этого просто скройте дочерние строки, которые вы не хотите показывать.

$('#mytable tr').slice(2, $('#mytable tr').length).hide(); 

http://jsfiddle.net/B8MzM/

Смежные вопросы