jQuery Rowspanizer - 動的にHTMLテーブルのrowspanを設定
これは良いアイディア! HTMLでテーブルはよく使われます。検索結果やレポーティングなど活躍の幅は広いです。そしてデータを表示する際に、重複した項目はセルを連結して表示するでしょう。しかし、colspan/rowspanをシステムで動的に設定するのは非常に面倒です。 そんな時に使ってみたいのがjQuery Rowspanizerです。指定したテーブルを解析し、重複部分を連結してくれます。
jQuery Rowspanizerの使い方
元の表示です。
このようになります。
JavaScriptで処理を行ってくれるならば、システムはすべての行を出力するだけで良くなります。jQuery Rowspanizerが行ってくれるのはrowspanに限定されますが、同様の仕組みでcolspanに適用するのも難しくなさそうです。
jQuery RowspanizerはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。
jQuery Rowspanizer marcosesperon/jquery.rowspanizer.js: Dynamic rowspan based on the content of the table