タグ

tableに関するmassiromoheのブックマーク (2)

  • jQueryプラグイン - ExcelのようにTableを編集 - Handsontable

    ExcelのようにTableが編集できちゃうjQueryプラグイン「Handsontable」を紹介します。 jQueryプラグイン「Handsontable」jQueryプラグイン「Handsontable」は、HTMLのTableをページ遷移することなく動的に編集できるようにするプラグインです。 そう、まるでExcelのように。 これがなかなか使い勝手がいいんです。指定した要素が編集できちゃう「trocar.js」というプラグインもあるので合わせてご覧ください。 デモでTableを編集してみてください。セルをダブルクリックするとセル内のテキストを編集でき、グリッドの右下ポインタをドラッグするとコピーまでできる優れもの。すげー。 「Handsontable」のデモ ソース(HTML + jQuery)<!DOCTYPE html> <html> <head> <meta charset=

  • border-collapse:collapse;にするべきか separateにするべきか at softelメモ

    HTMLにて、tableに下記のスタイルを指定すると、CSSの見た感じがわかりやすく簡単で、レンダリングもきれいにできているように見えます。 table {border-collapse:collapse;} td, th {border:1px solid #000000;} border-collapse:collapse; の指定は、境界線の共有。 1pxの境界線を共有するということは、計算上隣接するセル同士で0.5pxずつ受け持つことになります。 この指定によって、Firefoxで上の境界線、左の境界線が消える、期待する位置から1pxずれるといった問題が発生します。 ★ ★ ★ こちらをおすすめします。 ★ ★ ★(IE6非対応。CSSハック入りは下に追記。) table { border-collapse: separate; border-spacing:0; empty-ce

    border-collapse:collapse;にするべきか separateにするべきか at softelメモ
  • 1