タグ

2016年5月18日のブックマーク (2件)

  • FixedMidashi - htmlテーブルヘッダの固定

    ドキュメントでは、①②③のテーブルを「固定見出し」と呼びます。 また、固定見出しの構成要素である <table>, <tr>, <td>, テキスト等を「コピー要素」、 コピー元の要素を「元要素」と呼びます。 使用方法 見出しを固定したい table に _fixedhead 属性を定義し、 FixedMidashi.create() を呼び出します。 FixedMidashi.create() は、_fixedhead 属性が定義された table の固定見出しを作成します。 div モードにする場合は、対象 table を div で囲み、div の style.overflow を auto または scroll にします。 混合モードにする場合は、div モードの記述に加え、div-auto-size オプションで none または width を 指定することにより高さの自動リ

    FixedMidashi - htmlテーブルヘッダの固定
  • HTMLでテーブルのヘッダーを固定する"FixedMidashi"|TechRacho by BPS株式会社

    ドーモ、shibusoです。原作読まずにアニメ見たら何を見ているのかよく分からないことになりました、忍殺。 前置き たまにHTMLのテーブルでヘッダーを固定して欲しいという要望が出ます。ExcelとかGoogleスプレッドシートとかでテーブルのヘッダーを固定出来るのだから、きっとそんなのすぐに出来るだろうという考えなのでしょう。 しかしフロントエンドエンジニアからしたら「うわ、出た」という感じではないでしょうか。最近ではJSのライブラリがあったりして無理難題というレベルではなくなりましたが、それでも基的にはあまりやりたくないところ。しかも行の固定はあっても列の固定は無かったりするものが多いです。 今回私が担当した案件では行と列の固定に加えて、範囲選択を出来るようにして欲しい、という注文がきました。行と列の固定はそれでも探せばいくつかライブラリが見つかりましたが、範囲選択というところがネッ

    HTMLでテーブルのヘッダーを固定する"FixedMidashi"|TechRacho by BPS株式会社
    k_gobo
    k_gobo 2016/05/18
    "Vectorからダウンロードするというのが個人的には斬新でした"Vectorってそういうのもアリなのか。