如何在datatable jquery和bootstrap中的搜索字段之前显示工作“搜索”

时间:2014-09-18 06:35:59

标签: jquery twitter-bootstrap

我正在使用bootstrap数据表功能在屏幕中显示表格。出于某种原因,在搜索字段之前未显示单词SEARCH。我不知道我哪里错了。经过研究,我找到了一种方法来添加这个词,方法是在表格中添加以下行 oLanguage":{" sSearch":" Search"} javascript中的属性。

修复程序适用于一个表,但不适用于另一个表。 问题是:

  1. 默认情况下显示该字词的方式是什么?
  2. 为什么不能用于其他桌子?
  3. 代码段:

    $('#myTable').dataTable( {
        "bProcessing": true,
        "bAutoWidth": true,
        "sAjaxSource": "../data/myStruts.action",
        "sAjaxDataProp": "",
        "bPaginate": true,
        "bInfo":false,      
        "aoColumns": [
            {"mData":"userID"},
            {"mData":"currentQueue"},
            {"mData":"transactionDate"},
            {"mData":"postingDate"}
        ],
    "oLanguage":{"sSearch": "Search"}
    });
    

2 个答案:

答案 0 :(得分:2)

感谢大家回答我的问题......

我对datatable进行了一些研究,发现bootstrap-datatables提供的默认值已被修改.datatable的 oLanguage 属性可以自定义你的单词。最初, sSearch 的值很平淡,我将其更改为搜索。现在,无论我在哪里使用数据表,都会显示搜索关键字,而不会在相应的JS中添加任何额外的行。 以下是 bs3.datatables.js

的额外内容
(function ($) {
/* Set the defaults for DataTables initialisation */
$.extend( true, $.fn.dataTable.defaults, {
    "sDom": "<'row'<'col-sm-12'<'pull-right'f><'pull-left'l>r<'clearfix'>>>t<'row'<'col-sm-12'<'pull-left'i><'pull-right'p><'clearfix'>>>",
    "sPaginationType": "bs_normal",
    "oLanguage": {
        "sLengthMenu": "Show _MENU_ Rows",
        "sSearch": "Search"
    }
} );

答案 1 :(得分:0)

在关注文档后,我希望它能够正常运作......

文档http://datatables.net/reference/option/language.search

提取

$('#example').dataTable( {
  "language": {
    "search": "Filter records:"
  }
} );