2

我有数据表。我在那里添加了一列和一些自定义。

我的问题：当我搜索最后一列“css 等级”并输入“A”时，它不起作用？

这是我的代码：

HTML

<div id="container">
      <h1>Live example</h1>

      <table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
        <thead>
          <tr>
             <th><input type="checkbox" value="checkall"/></th>
            <th>Rendering engine</th>
            <th>Browser</th>
            <th>Platform(s)</th>
            <th>Engine version</th>
            <th>CSS grade</th>
          </tr>
        </thead>
        <tbody>
          <tr class="odd gradeX">
             <td><input type="checkbox" value="checkall"/></td>
            <td>Trident</td>
            <td>Internet Explorer 4.0</td>
            <td>Win 95+</td>
            <td class="center"> 4</td>
            <td class="center">X</td>
          </tr>
          <tr class="even gradeC">
             <td><input type="checkbox" value="checkall"/></td>
            <td>Trident</td>
            <td>Internet Explorer 5.0</td>
            <td>Win 95+</td>
            <td class="center">5</td>
            <td class="center">C</td>
          </tr>
          <tr class="odd gradeA"> <td><input type="checkbox" value="checkall"/></td>
            <td>Trident</td>
            <td>Internet Explorer 5.5</td>
            <td>Win 95+</td>
            <td class="center">5.5</td>
            <td class="center">A</td>
          </tr>
          <tr class="even gradeA"> <td><input type="checkbox" value="checkall"/></td>
            <td>Trident</td>
            <td>Internet Explorer 6</td>
            <td>Win 98+</td>
            <td class="center">6</td>
            <td class="center">A</td>
          </tr>
          <tr class="odd gradeA"> <td><input type="checkbox" value="checkall"/></td>
            <td>Trident</td>
            <td>Internet Explorer 7</td>
            <td>Win XP SP2+</td>
            <td class="center">7</td>
            <td class="center">A</td>
          </tr>
          <tr class="even gradeA"> <td><input type="checkbox" value="checkall"/></td>
            <td>Trident</td>
            <td>AOL browser (AOL desktop)</td>
            <td>Win XP</td>
            <td class="center">6</td>
            <td class="center">A</td>
          </tr>
          <tr class="gradeA"> <td><input type="checkbox" value="checkall"/></td>
            <td>Gecko</td>
            <td>Firefox 1.0</td>
            <td>Win 98+ / OSX.2+</td>
            <td class="center">1.7</td>
            <td class="center">A</td>
          </tr>
          <tr class="gradeA"> <td><input type="checkbox" value="checkall"/></td>
            <td>Gecko</td>
            <td>Firefox 1.5</td>
            <td>Win 98+ / OSX.2+</td>
            <td class="center">1.8</td>
            <td class="center">A</td>
          </tr>
          <tr class="gradeA"> <td><input type="checkbox" value="checkall"/></td>
            <td>Gecko</td>
            <td>Firefox 2.0</td>
            <td>Win 98+ / OSX.2+</td>
            <td class="center">1.8</td>
            <td class="center">A</td>
          </tr>
          <tr class="gradeA"> <td><input type="checkbox" value="checkall"/></td>
            <td>Gecko</td>
            <td>Firefox 3.0</td>
            <td>Win 2k+ / OSX.3+</td>
            <td class="center">1.9</td>
            <td class="center">A</td>
          </tr>
          <tr class="gradeA"> <td><input type="checkbox" value="checkall"/></td>
            <td>Gecko</td>
            <td>Camino 1.0</td>
            <td>OSX.2+</td>
            <td class="center">1.8</td>
            <td class="center">A</td>
          </tr>
          <tr class="gradeA"> <td><input type="checkbox" value="checkall"/></td>
            <td>Gecko</td>
            <td>Camino 1.5</td>
            <td>OSX.3+</td>
            <td class="center">1.8</td>
            <td class="center">A</td>
          </tr>
          <tr class="gradeA"> <td><input type="checkbox" value="checkall"/></td>
            <td>Gecko</td>
            <td>Netscape 7.2</td>
            <td>Win 95+ / Mac OS 8.6-9.2</td>
            <td class="center">1.7</td>
            <td class="center">A</td>
          </tr>
          <tr class="gradeA"> <td><input type="checkbox" value="checkall"/></td>
            <td>Gecko</td>
            <td>Netscape Browser 8</td>
            <td>Win 98SE+</td>
            <td class="center">1.7</td>
            <td class="center">A</td>
          </tr>
          <tr class="gradeA"> <td><input type="checkbox" value="checkall"/></td>
            <td>Gecko</td>
            <td>Netscape Navigator 9</td>
            <td>Win 98+ / OSX.2+</td>
            <td class="center">1.8</td>
            <td class="center">A</td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <th>Rendering engine</th>
            <th>Browser</th>
            <th>Platform(s)</th>
            <th>Engine version</th>
            <th>CSS grade</th>
          </tr>
        </tfoot>
      </table>

    </div>

jQuery

<script>
        $(document).ready(function(){
           jQuery.fn.dataTableExt.oSort['html-undefined']  = function(a,b) {
                return false;
            };
            $('.sorting_disabled').unbind('click');


             $('#example').dataTable( {
                           "aoColumns": [ 
                             { "bSortable": false },
                             null,
                             null,
                             null,
                             null,
                             null
                           ] } ); 
        });
    </script>

或者你可以在这里查看我的代码：http: //jsfiddle.net/guruhkharisma/94BZV/

4

2 回答 2

1

您可以说这是一个错误...如果您将 X 更改为 1，它将搜索。

看起来数据表插件只搜索超过 1 个字母字符，但会搜索单个数字字符......

将 X 更改为 XX 即可。

将 X 更改为 9 即可。

把 X 换成 Z 就不行了。

于 2012-10-24T05:23:15.073 回答
0

尝试：

 $('#example').dataTable( {                            
      "aoColumns": [
        { "bSortable": false ,  "bSearchable" : false,
          "mData" : null,"sDefaultContent": '<input type = "checkbox">'},
           null,
           null,
           null,
           null,
           null
        ] } );

这是因为数据表过滤列索引搞砸了希望它会有所帮助

于 2012-10-24T10:46:25.947 回答