jQueryのDataTableの応答を適切

Question

私はここで

https://cdn.datatables.net/responsive/2.1.1/css/responsive.dataTables.css 
https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.js 

が私の画面結果で、応答性のプラグインでデータテーブルを使用しています動作していない：

デスクトップビュー：

モバイルビュートップ：

モバイルビュー底部：

私のJSコード：

dataTable = $('#agency_data').DataTable({ 
    "processing":true, 
    "serverSide":true, 
    "order":[], 
    responsive: true, 

    "language": { 
    "infoFiltered": "" 
    }, 
    "ajax":{ 
     url:base_url+"/agency-listing", 
     type:"POST" 
    }, 
    "columnDefs":[ 
     { 
      "targets":[0, 3], //first and last not sortable 
      "orderable":false, 
     },   
    ], 

}); 

私のテーブルのHTML：

 <table id="agency_data" class="table table-bordered table-striped"> 
     <thead> 
     <tr class="info"> 
     <th width="10%">ID</th> 
     <th width="15%">Agency Code</th> 
     <th width="65%">Agency Name</th> 
     <th width="15%">Action</th> 
     </tr> 
     </thead> 
     </table> 

JSFIDDLE：HERE

質問：

1）モバイルビューでは、完全に示し、長い組織名を取得する方法？ BRのような？

2）モバイルビューでスクロールする必要がないように、下部の水平スクロールを削除するにはどうすればよいですか？

Answer 1

を追加しました：それはあなたの問題を解決している場合は、テーブルに=「100％」の幅は、その後、（[あなた自身の答えを受け入れる]してください問題

<table id="agency_data" class="table table-bordered table-striped" width="100%">