ITエンジニア/デザイナ向けにオープンソースを毎日紹介

これは良いアイディア!

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

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2