0

DataTablesを使用して、生成されたHTMLを制御することはできません。自動的に以下を生成します。

<div class="dataTables filter" id="categories_filter">
  <label>
    Search:
    <input type="text" aria-controls="categories">
  </label>
</div>

<input>タグを閉じたり、タグの外に移動したりする方法はないよう<label>です。

CSSを追加しないと、DataTablesに自動的に含まれるCSSが読み取られ、「Search：」が検索ボックスの左側ではなく上部に配置されます。このWebページは、自動生成されたCSSをこのボックスに貼り付けようとするたびに渡されますが、ここでは要点にあります。

CSSと既存のHTMLを使用して、検索ボックスの左側に「Search：」という単語を表示しようとしていますが、運がありません。

SCSSを使用して、私の最新の試みは次のとおりです。

.dataTables_filter label {
  display: inline;
  float: none;
  text-align: right;
  input {
    display: inline-block;
    float: none;
  }
}

コンパイル先：

.dataTables_filter label {
  display: inline;
  float: none;
  text-align: right;
}

.dataTables_filter label input {
  display: inline-block;
  float: none;
}

自動的に含まれるCSSファイルは次のとおりです。

4

2 に答える 2

1

問題は、検索ボックスが div の全幅に拡張され、ラベルの余地がなくなったことでした。幅を狭くすると、ラベルが所定の位置に収まりました。

于 2012-12-14T04:53:11.223 に答える
0

あなたはそれらを並べ替えるためにajaxを使うことができます

http://api.jquery.com/insertAfter/

于 2012-12-14T01:18:18.770 に答える