###前提・実現したいこと
- jQuery Datatablesの検索フォームで区切り文字として全角スペースを使えるようにしたい
- 対処法として全角スペースを半角スペースに置換する処理を組み込む
###該当のソースコード
javascript
1 $(document).ready(function() { 2 $('#example').dataTable( { 3 "language": { 4 "url": "https://cdn.datatables.net/plug-ins/1.10.15/i18n/Japanese.json", 5 }, 6 autoWidth: false, //step 1 7 columnDefs: [ 8 { width: '80px', targets: 0 }, //step 2, column 1 out of 4 9 { width: '300px', targets: 1 }, //step 2, column 2 out of 4 10 { width: '200px', targets: 2 }, //step 2, column 3 out of 4 11 { width: '70px', targets: 3 }, //step 2, column 3 out of 4 12 { width: '70px', targets: 4 }, //step 2, column 3 out of 4 13 { width: '70px', targets: 5 } //step 2, column 3 out of 4 14 15 ] 16 } ); 17 } ); 18 19 var oTable =$('#example').dataTable(); 20 21$('.dataTables_filter input').bind('keyup', function () { 22 // 全角スペースを半角スペースに置換して検索する。 23 oTable.fnFilter($(this).val().replace(/\u00A0|\u3000/g, " ")); 24});
###発生している問題・エラーメッセージ
DataTables warning: table id=example - Cannot reinitialise DataTable. For more information about this error, please see http://datatables.net/tn/3
###試したこと
Datatablesのヘルプを見て初期化処理を一本化しないといけないことは分かった。しかし、2つの処理をどう合体して記述すればよいかが分かりません。
###補足情報(言語/FW/ツール等のバージョンなど)
下記サイトの情報を参考にしました。
jQuery dataTablesの検索フォームで区切り文字として全角スペースを使えるようにする
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/05 05:12
2017/05/05 11:05 編集
2017/05/05 09:10
2017/05/05 11:46
2017/05/05 12:59
2017/05/06 04:19