2018-01-01から1年間の記事一覧
データ読み込み後にタイトル名を変更します。名前を配列にしとけばもう少し綺麗になります。 <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>
Ajax通信を使う場合はブラウザの設定が必要だったりで大変なので File APIで読み込めるようにします。基本的なコードや使用しているデータはAjax通信でやったときのものです。 これだとファイルを読み込んでからdatatablesを初期化しているので、ファイルを…
適当なフォーマットのテキストデータを読み込んでjson形式で出力します。 ログに出力したデータをDatatablesで表示できるような形にするイメージです。data.txt [Player] X[1] Y[2] Type[0] [Enemy] Level[1] Name[xxx] Color[Red] ------------------------…
セレクトボックスで選んだ値を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>
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>