2017-04-14 [長年日記]

ParamQuery grid で vertical-align を [tech]

便利なグリッドライブラリ(非商用無料)。

https://paramquery.com/grid


テーブルセルにvertical-alignを設定したのだけど、ParamQuery grid 側のスタイルでキャンセルされる。
ParamQuery grid の css には vertical-align: middle がハードコードされていて、これを変更したい人はいなかったみたい。

ad-hocな対応でどうにかならないだろうか、ということで

$("#grid_table").pqGrid(
{refresh: function (event, ui) {$("td.pq-grid-cell").css({"cssText": "vertical-align: top;"});}}
);


refreshイベントで、グリッドセル全体に vertical-align: top を適用した。
refreshイベントは、初期化時の他はリサイズなどでしか起きないように見えたが、これで(パフォーマンス的な意味で)大丈夫だろうか?