2016-09-01 9 views
1

私はこの素晴らしいプラグインを使用していますが、列の応答優先度を使用する際に問題が見つかりました。DataTables応答優先度

コード:

var fillTable= function (data) { 

var list = [ 
    { name: 'Name 123456789', email: "[email protected]"}, 
    { name: 'Name 123456789_10', email: "[email protected]"}, 
    { name: 'Name 123456789_11', email: "[email protected]"}, 
    { name: 'Name 123456789_12', email: "[email protected]"}, 
    { name: 'Name 123456789_13', email: "[email protected]"} 
]; 

var tableToFill= $('#js-table').DataTable({ 
    responsive: true, 
    columnDefs: [ 
     { responsivePriority: 1, targets: 1 } 
     ], 
    columns: [ 
     { data: "name", title: "Name" }, 
     { data: "email", title: "Email" } 
    ], 
    language: localiseDataTable(), 
    order: [[0, 'desc']] 
}); 

tableToFill.clear(); 
tableToFill.rows.add(list); 
tableToFill.draw(false); 
tableToFill.columns.adjust().responsive.recalc(); 

}

私は画面を縮小したときに、私が使用している場合、 "プラス" 記号はもう現れない理由を誰かが私に説明できます:{responsivePriority:1、ターゲット:1 }。これにより、childRowが表示されなくなり、低解像度画面の最初の列データが表示されることがあります。事前

答えて

1

おかげでこれは、フレームワークの制限に関係しています。

+アイコンとボタンの効果は、表示されているかどうかに関係なく、最初の列に適用されます。

{ responsivePriority: 1, targets: 1 } 

列カウントが0から開始するので、2番目の列が最も高い視覚的優先度に設定されます。

2番目の列と優先順位の両方を維持したい場合は、最初の列である3番目の空の列を作成することをお勧めします。