React、Angular、Vue対応、高性能なテーブルを実装できるシンプルで軽量のJavaScriptライブラリ -Grid.js | コリス

2020/07/15 187 users JSON React angular Preact コリス

高性能なテーブルを実装できる、シンプルで軽量のJavaScriptライブラリを紹介します。HTMLテーブル、ページネーション、検索機能、ソート機能、XMLやJSONからインポートなどに対応しています。 React、Angular、Preact、Vueなどの主要なフレームワークのプラグインとして動作するだけでなく、フレームワークなしのバニラ... 続きを読む

テーブルのヘッダーを固定表示することが出来る「jQuery.floatThead」:phpspot開発日誌

2016/01/22 16 users ヘッダー phpspot開発日誌 テーブル elem 固定

jQuery.floatThead テーブルのヘッダーを固定表示することが出来る「jQuery.floatThead」 スクロールしてヘッダが消えるとこの列が何を意味しているのか分からなくなるということがよくありますが、HTMLテーブルでもそれを回避するためにヘッダを固定することが出来るようにするjQueryプラグインです。 のように  $(elem).floatThead() を呼び出すだけで速... 続きを読む

HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」:phpspot開発日誌

2014/06/30 144 users JSON txt CSV XML PNG

HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」 2014年06月30日- HTML table Export HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」 TXT, SQL, MS-Word, Ms-Excel, PPT形式にも変換できる... 続きを読む

JSONデータを使ってテーブルを表示「Tabler」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/08/12 53 users JSON Tabler カラム JSONデータ ソフトウェア

TablerはJavaScript製のオープンソース・ソフトウェア（MIT License）です。HTMLテーブルは様々な場面で使われます。そのため、より使い勝手よくカスタマイズしたり表示をダイナミックに変更したいと言ったニーズが出てきます。そこで今回はJSONからテーブルを表示するTablerを紹介します。 基本的な使い方。カラムを定義してJSONデータを当てはめるだけです。 全てを表示するので... 続きを読む

HTMLテーブルの内容からグラフを描画「AttC」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/07/05 27 users MOONGIFT 描画 グラフ HTML ITエンジニア

数値データを表示する際に最も簡単なのは一覧表で表示することです。HTMLで言えばテーブルタグで表示するのが一番簡単でしょう。しかしそれではデータの傾向が分かりづらい…そう思ったならAttCを使ってみましょう。HTMLテーブルのデータからグラフを作成してくれます。 0 続きを読む

もっと少量のjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする方法 | THE HAM MEDIA BLOG

2011/06/09 72 users jQueryコード 少量 リンク先 方法

ちょっとしたコードの解説 せっかくなので、どういうコードなのかというのを、さらっとみましょう。 jQuery(function($) { //data-hrefの属性を持つtrを選択しclassにclickableを付加 $('tbody tr[data-href]').addClass('clickable') //ata-hrefの属性を持つtrをクリックしたら動作 .click( funct... 続きを読む

少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする - かちびと.net

2011/06/09 351 users jQueryコード net クリッカブル jQuery 少し

シンプルでいいアイデアだったのでメモ。 HTMLテーブルの列そのものにリンクを 指定できるようにする、というもの。jQuery でサクッと出来るようですね。ちょっと思 いつきませんでしたけど・・テーブルまわり は使いやすさを向上したいところです。 HTMLのテーブルの列をjQueryでクリッカブルにする事で、ユーザーの利便性を上げられそうです。 動作サンプル 地名 読み方 En 詳細 その他 東京... 続きを読む

CSV2Table CSVをHTMLテーブルに変換するサービス公開

2011/02/04 15 users サービス公開

今日は、CSV2Tableをパワーアップの改良作業を行いました。追加した機能は以下の通りです。ラベル位置選択 １行目、１列目、１行目+１列目、ラベルなし、の４通りから選択できるようになりました。色選択 ４種類の配色から選択できるようになりました。ソースコードが整理できていないので、今回はソースコードは非公開とさせていただきます。スクリーンショット 続きを読む

CSVファイルを読み込んでHTMLテーブルを作ってくれるjQueryプラグイン『jquerycsvtotable』 - IDEA*IDEA ～ 百式管理人のライフハックブログ

2010/06/24 415 users jQuery Older IDEA jQueryプラグイン

Home > jQuery関連 > CSVファイルを読み込んでHTMLテーブルを作ってくれるjQueryプラグイン『jquerycsvtotable』 Older 便利そうなのでメモ的にエントリー。 CSVファイルを読み込んでHTMLテーブルを作ってくれるjQueryのプラグインです。データを簡単に管理したいときにすっごく便利ですね。 ↑ こういうデータを…。 ↑ こう整形してくれます。 ちゃんと... 続きを読む

エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)

2009/01/15 472 users エクセルシート

STEP1. エクセルとかからCSV (TSV)をコピーしてを貼り付け STEP2. オプションを選択して変換 細かい設定 列目までをTHEADとする。(0でTHEADなし) TBODYの行目までをTHとする。 TBODY THに深度を埋め込んだクラス名を追加する。(1〜) クラス名： " + n" ひとつめのTHに深度クラスを追加しない。(lv1を追加しない) n列ごとにTRにクラス名を追加する... 続きを読む

HTMLテーブルの行を見やすくするテーブルクロスJavaScript*ホームページを作る人のネタ帳

2007/10/11 356 users ネタ帳 ホームページ

»　Introducing Tablecloth テーブルクロスを導入する。 この記事がWEB関連のなかで話題になっていました。 はて・・テーブルクロス・・・。 何のことやらさっぱりだったんですが、使ってみるとなかなか素敵な動きをしてくれましたので記事に。 あなたのhtmlに2行のコードを加えたら・・・ By simply adding 2 lines of code to your html p... 続きを読む