rowspanを使用してHTMLテーブルを正規化する

Question

rowspansを使用してHTMLテーブルを正規化することができるかどうか、またどのように正規化する方法はありますか？または、それを行うことができるJavaScriptライブラリがある場合。

例えば、この表：

+-----------+---------+ 
| Apple  | Red  | 
| Apple  | Green | 
| Apple  | Yellow | 
| Sun  | Yellow | 
| Sun  | Hot  | 
| Charizard | Hot  | 
| Charizard | Pokémon | 
+-----------+---------+ 

は、このになって次のようになります。私が何を意味するか見るために、このフィドルで

+-----------+---------+ 
| Apple  | Red  | 
|   | Green | 
|   |---------| 
|-----------| Yellow | 
| Sun  |-------- | 
|-----------| Hot  | 
|   |---------| 
| Charizard | Pokémon | 
+-----------+---------+ 

はルック：http://jsfiddle.net/scorch/LZKkQ/

は、これらの組み合わせのいくつかは簡単です手動で把握することもできますが、かなり複雑なものもあります。私は可能な限りテーブルを最小限に抑え、それをさらに最小化できる他の組み合わせはないことを確認しています。つまり、好ましくはテーブル内の一意の値のみである。

EDIT：フィドルの余分な列は気にしないでください。 FireFoxには右端の列の行スパンにいくつかの問題があると思われますので、目的の効果を得るためにもう1つ追加する必要がありました。

EDIT 2：

下記のDataTableのプラグインfnMultiRowspanとfnFakeRowspanは本当に望ましい結果を得ることはありません。どちらのプラグインも、あらかじめ適切な方法でテーブルをソートする必要があります。 fnFakeRowspanのみ（ホットと黄色が第2列に重複している）のカラム上で動作し、fnMultiRowspanは、以下の結果を与える：

+-----------+---------+ 
|   | Red  | 
| Apple  | Green | 
|   | Yellow | 
|-----------+---------| 
| Charizard | Hot  | 
|   | Pokémon | 
|-----------+---------| 
| Sun  | Yellow | 
|   | Hot  | 
+-----------+---------+ 

Answer 1

@MahmoudGamalコメントで上述したように、プラグインはjQueryのために存在することDataTablesと呼ば有用かもしれない。 、

は、同一内容の行に2つの以上のセルが存在する列のROWSPAN細胞を作成効果的に視覚的にそれらを一緒にグループ化：fnFakeRowspan機能をチェックしてください。注 - このプラグインは現在、サーバー側の処理でのみ正しく動作します。

クイックコードの読み取りに基づいて、列を指定した後、重複を探し、必要に応じてセルを結合するように見えます。 （注：私はこのコードを自分で試したことはありません）

Answer 2

JavaScriptを十分理解すれば、自分で書くことは簡単でしょう。次の文字列が現在の文字列と同じであるかどうかを確認し、それを2回印刷する代わりに1つの文字列の高さを増やすだけです。

編集：あなたはそれを自分で書くので、あなたはそれが

+-----------+---------+ 
| Apple  | Red  | 
| Pokémon | Green | 
| Sun  | Yellow | 
| Charizard | Hot  | 
+-----------+---------+