我有数据表。我在那里添加了一列和一些自定义。
我的问题:当我搜索最后一列“css grade”并输入“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/
最佳答案
您可以说这是一个错误...如果您将 X 更改为 1，它将进行搜索。
看起来数据表插件只在超过 1 个字母字符时搜索，但会搜索单个数字字符……
将 X 更改为 XX 即可。
将 X 更改为 9 即可。
把 X 改成 Z 就不行了。
关于javascript - 在我的最后一列中搜索不起作用 DataTables，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13043008/