Javascriptを使用してテーブルの特定の行を表示および非表示

Question

テーブルの特定の行を表示および非表示にしようとしていますが、リンクをクリックすると表示または非表示になります。誰でも私が間違っている場所を教えてもらえますか？

はまず、ここでは実際にPHPとSQLSRV接続によって生成されたテーブルのためのいくつかのサンプルHTML、次のとおりです。あなたが見ることができるように

は、javascriptのは2行目の行を表示/非表示にすると呼ばれています。これにより、そのファイルのすべての受信者行（および子ヘッダー）が表示されます。

function showRows(FileSpan) { 
     var rows = document.getElementsByClassName(FileSpan); 
     var arr = new Array(); 

     for (i = 0; i < rows.length; i++) { 
      rows[i].style.display = 'block'; 
     } 

    } 

これは、しかし、にはなりません。私はできていないとして、私は唯一の取得作業正しい、しかし、hideRowsのJSが有効になり、反対に、今showRowsのJSを書きました私はどのようにテーブルを見たい。行を表示する代わりに、表示されているすべての行を現在の行の下にある単一のセルに入れます。どこが間違っていますか？

私はいくつかの写真を追加しました。私はあなたの目に見えるように見えます。

Answer 1

あなただけのblockからtable-rowにdisplayプロパティを変更する必要があります。

rows[i].style.display = 'table-row';