web-dev-qa-db-ja.com

jQuery DataTables-ラベルを削除

DataTablesのフィルターラベルから「検索:」という単語を削除しようとしています。ラベルdomを置き換えるためにjQueryを使用しようとしましたが、置き換えるとフィルターが機能しません。誰か他の解決策がありますか?

まあ誰もがコードを望んでいるようです:

<div id="table-staff_wrapper" class="dataTables_wrapper">
<div id="table-staff_length" class="dataTables_length">
<div id="table-staff_filter" class="dataTables_filter">
<label>
Search:
<input type="text">
</label>
</div>
<table id="table-staff" cellspacing="0" cellpadding="0">
<div id="table-staff_info" class="dataTables_info">Showing 1 to 3 of 3 entries</div>
<div id="table-staff_paginate" class="dataTables_paginate paging_full_numbers">

上記はDataTablesによって自動生成されます

24
d123

このリンクを参照 http://datatables.net/ref#sinfo

これをコードに追加してください-

"oLanguage": { "sSearch": "" } 

あなたが望むものを手に入れなくても、同じ質問を dataTable forum ... dataload teamに投稿するだけで簡単にできます...

お役に立てれば幸いです。

61
Vivek

次のようにデータテーブルを初期化する必要があります:

$('#yourtable').dataTable({
//your normal options

  "oLanguage": { "sSearch": "" } 

});
13

データテーブル1.10.10(および場合によっては上記)の場合、データテーブルインスタンスの作成中に次の設定を使用できます。

$('.datatable').DataTable({
// other initialization configurations...
// ...
    "language": {
        "search": "_INPUT_",
        "searchPlaceholder": "Search..."
    }
});

詳細については、DataTablesサイトからのリンクを示します。 https://datatables.net/reference/option/language.searchPlaceholder

8
Nikhil

Datatables 1.9.4以降では、これを使用できます

$('#yourtable').dataTable({
//your normal options

  "language": { "search": "" } 

});
7
techvineet

検索ラベルを削除するときにプレースホルダーを配置する

$("#data-table").DataTable({
   language: { search: "",searchPlaceholder: "Search..." }
});
2
HIR

以下のコードを試してください:

jQuery("level").html("") or 
jQuery("level").text("") or 
jQuery("level").get(0).text("") 

これにより、すべてのレベルタグ要素が取得されます。

ehereのみが使用されるため、インデックス0を使用します。

レベル要素を見つけ、値を ""に設定します

0
dku.rajkumar

何らかの理由でプレースホルダーが機能しませんでした。だから、ラベルを削除してプレースホルダーを配置するための私の回避策は、

$('#RecentLogs').dataTable({
      "oLanguage": { "sSearch": "" }
});

したがって、上記のコードは検索ラベルを削除します。そしてプレースホルダー。

$('.dataTables_filter input').attr("placeholder", "Search Here");

:-データテーブルの初期化の後、およびデータテーブルの外部jsをロードした後に、プレースホルダーのjquery行が含まれていることを確認してください。

0
Bhavin