げぼげぼメモ

自分用いろいろメモです

2018-01-01から1年間の記事一覧

datatables ヘッダータイトルを変更

データ読み込み後にタイトル名を変更します。名前を配列にしとけばもう少し綺麗になります。 <html lang="ja"> <head> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/s/dt/dt-1.10.10/datatables.min.css"/> <script src="http://code.jquery.com/jquery-2.2.0.min.js"></script> </link></head></html>

File APIを使って読み込んだJsonをdatatablesで表示

Ajax通信を使う場合はブラウザの設定が必要だったりで大変なので File APIで読み込めるようにします。基本的なコードや使用しているデータはAjax通信でやったときのものです。 これだとファイルを読み込んでからdatatablesを初期化しているので、ファイルを…

C# テキストファイルを読み込んでjson形式で出力

適当なフォーマットのテキストデータを読み込んでjson形式で出力します。 ログに出力したデータをDatatablesで表示できるような形にするイメージです。data.txt [Player] X[1] Y[2] Type[0] [Enemy] Level[1] Name[xxx] Color[Red] ------------------------…

Datatables セレクトボックスから検索値を変更

セレクトボックスで選んだ値をdatatableのsearchに使用します。 jsonは1つ前の記事と同じものを使用。test.html <html lang="ja"> <head> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/s/dt/dt-1.10.10/datatables.min.css"/> <script src="http://code.jquery.com/jquery-2.2.0.min.js"></script> </link></head></html>

Datatables Ajax通信 Jsonファイルオブジェクト読み込み

datatableのデータとしてオブジェクト形式のjsonデータを使うやり方。 ローカルで表示する場合はchromeだとセキュリティポリシーがうんたらでファイルが読み込めないので、firefoxを使うかオプション付きでchromeを起動しておく必要がある。test.html <html lang="ja"> <head> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/s/dt/dt-1.10.10/datatables.min.css"/> </link></head></html>