このような状況のためにリスト内のデータをスタイルする最も良い方法は？

Question

まず、私は物事を行うための代替方法の提案をしています。 hereを軌道に乗るために

は（BAD塗装の仕事のために申し訳ありませんが、一種の）私が達成したいもののイメージである

OK ..私はオフに解雇とJSONのトンを返信します要求を持っています生徒の名前、性別、年齢、場所に関する情報が含まれています。

リスト要素の形式で一種のテーブルを作成したいと思います。それぞれのタプルには、リクエストが返すユニークな学生が1人含まれています。

私はそれを特定の方法でスタイルしたいので、行として表示されますが、データの各部分は、境界線などの特定の幅のように、セルラで表示されます。データの各断片には、要素には特定のCSSスタイルがありますが、ユーザーには単一の行として表示されます。

タプル（行）内のデータ要素をホバリングすると、その行のすべてのセルのホバー状態が変更されます（図の2番目と3番目の画像と同じです）。

最後のセルにはプラスが含まれています。クリックすると、ページの別のdivのデータが更新されます。行の中の他のセルをクリックすると、その人をその特定の瞳孔に関連する別のページに連れて行きます。

Javascript以外のもの（ライブラリは大丈夫、つまりjQuery）とCSSを使用しないでこれを行うにはどうすればよいでしょうか？

私はそれを大丈夫にする方法を考えていますか、それとも良い方法がありますか？

私の要求が25の結果を返した場合、私は一度に10を表示したいだけですが、残りの15を何とか見ることができなければなりません。

ありがとうございます。

Answer 1

私は、現時点ではこれをテストするためのツールを持っていないが、それは、たとえば、行、コンテナの上にホバープロパティを設定するために働くかもしれません：そのような

div.row:hover div.cell { 
    background: #006; 
} 

か何かを。

10/25要素の表示についてはJavaScriptを使用して非表示にすることができます。また、ボタンを表示して推測することもできますが、なぜこれを行うのか分かりません。結果を改ページしたい場合は、サーバーサイドに実装する方が良いかもしれません。