例えば「Handsontable」でWEB見積・請求書システムを作る場合・・・ | Styler
たいそうな見出しをつけましたが、ようは上の画像のように、EXCELっぽいインターフェースなんだから、見積書なんぞに使えるんでねぇの？ということです。 Handsontableについては、前回の記事を参考にしてください。 今回は、HTML＋PHP＋MySQL＋Javascript（jQuery）と「Handsontable」を使って、上の様なことをやってみたいと思います。 とはいえ、HTMLのところはそれほど難しくないです。前回とまったく同じ。 Excel風インターフェースを表示したい部分にIDを指定した要素を配置しておきます。 <div id="excel"></div> そして、PHP＋MySQLから必要なデータを取得しておきます。見積・請求の詳細データですね。 // 結果を格納する配列 $details = array(); // SQLでごにょごにょやってデータをとってきます $sq
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=
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
