質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

1回答

14668閲覧

dataTablesを使ったファイル出力(PDF、CSV、エキスポート)をカスタマイズ

whisper

総合スコア19

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2015/12/19 02:55

編集2015/12/19 10:22

動作環境 > HTML5、CSS3、Bootstrap 3、Wordpress 4.4
表示環境 > IE10~IE11、Google Chrome、Firefox
※いずれも最新版となります

HTMLのテーブルをjQueryの「dataTables.js」というもので表示しています。
こちらのJavaScriptには、表示している表からCSV、PDFを出力する機能があるのですが、そちらをカスタマイズするに当たって不明な点がありますので、ご助力いただけると助かります。

「dataTables.js」のオフィシャルサイト
http://legacy.datatables.net/index

CSVやPDFを出力すること自体はあまり難しくはなく、下記のページのように行えました。
https://datatables.net/extensions/buttons/examples/initialisation/export.html
(上記機能は古い手法として「TableTools」というものを合わせて使用して行なっていたらしいのですが、現在は「Buttons」というものに変わっています)

こちらを前提に、CSVおよびPDFを出力するにあたり、以下の点をクリアしたいと考えています。

●1ページ中には複数のテーブル(3つ)表示してあるのですが、上記の方法で実現すると、各テーブル用の出力ボタンがそれぞれのテーブルの真上に表示されます。
これを、3つまとめて1つのボタンで操作し、1つのファイルとして出力できればと考えています。

●PDFが日本語対応しておらず、正常に出力できません(日本語部分が表示されません) こちらを日本語表示したいと考えています。
(PDF出力時に「pdfmake」というJavaScriptを使用しているらしく、ここをどうにかするらしいのですが、まだ実現できません)

いずれか1つでもクリアできますと大変助かります。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

https://github.com/bpampuch/pdfmake/issues/33
ちょっとは検索してください。
でも、パーフェクトっていう人とボールドとイタリックは残念っていう人と全然出来ないっていう人とバラツキがありますね。
フォントをbase64 する際、英語のみなら大したサイズにはならないと思うのですが、日本語の場合は、フォントjs が巨大なものになるでしょう。自分の作ったフォントじゃなくて例えば、ms ui gothic をフォントjs に変換する場合、当然ライセンス部分がネックになると思うのですがとりあえず、チャレンジですね、完成の目処が立ったところでお客さんが居るならそれらとライセンス問題を解決した方が良いでしょう。

https://app.codegrid.net/entry/grunt-introduction
スレッド中に出てくる grunt について

自動化ツールとのことらしいですが、vfs_font.js の中身がどうなってるのかわかりません。
grunt ツールの使い方が肝っぽいですね、timesnewroman とかやっちゃってるひとも居るからライセンスとかきにしなくてもいいのかも。

投稿2015/12/19 15:02

ipadcaron

総合スコア1693

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

whisper

2015/12/19 19:56

ご回答有り難うございます。 不明なことばかりなので、大変助かります。 頂いたリンク先は「pdfmake」のフォントカスタムの方法かと思います。 確かにこちらを行うことで日本語対応ができることを、以下のリンクの方も記述しておられました。 http://blog.createfield.com/entry/2015/12/16/052221 こちら、一度対応を試みたのですが、「pdfmake」のカスタム設定を「DataTables」を実行する中からどうやって行うかが不明で、現在のところ実現できておりません。 以下のリンクを読むと「customize」というを利用して設定が可能とのことまでは分かりましたが、うまく行えないようです(私のやり方が良くない為に) https://datatables.net/reference/button/pdfHtml5 ライセンスの件につきましてはご配慮ありがとうございます。 心に留めておきます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問