DataTables第2ページにページングボタンが表示されますが、第1ページには表示されません

Question

DataTablesを使用してページ設定ボタンをカスタマイズしています。私はCSSを使用して背景のプロパティとしてページ設定ボタンを設定しています。 2番目のページにボタンが正しく表示されますが、1番目と1番目のボタンは消えますが、次のボタンをクリックすると、最初と前のボタンが表示されます。

最初のページ（上のページロード）

2番目のページ（すべてのボタンが表示されます）

3ページ目（ボタンが再び消える）

私は彼らがいつもそこにいて欲しいです。どうすればこれを実現できますか？

jQueryの

var table = $('#esignTable').DataTable({"sDom": '<"top"flp>rt<"bottom"i><"clear">', 
     pagingType: 'input', 
     pageLength: 10, 
     language: { 
     "sEmptyTable": " ", 
     oPaginate: { 
      "sNext": ' ', 
      "sPrevious": ' ', 
      "sFirst": ' ', 
      "sLast": ' ', 
     } 
     } 
    }); 

CSS

.next { 
    background: url(../images/integration/SlowRight.jpg); 
} 

.previous { 
    background: url(../images/integration/SlowLeft.jpg); 
} 

.first { 
    background: url(../images/integration/FastLeft.jpg); 
} 

.last { 
    background: url(../images/integration/FastRight.jpg); 
} 

は、私は私のCSSに

おかげ

Answer 1

追加!importantあなたのルールに以上の使用を何も悪いことをやっている場合は私に知らせてください特定のCSSルール。例えば

：

.next { 
    background: url(../images/integration/SlowRight.jpg) !important; 
} 

.previous { 
    background: url(../images/integration/SlowLeft.jpg) !important; 
} 

.first { 
    background: url(../images/integration/FastLeft.jpg) !important; 
} 

.last { 
    background: url(../images/integration/FastRight.jpg) !important; 
} 

は、コードやデモンストレーションのためthis example参照してください。