如何对包含图像和编号的第二列进行排序.
<table id='tb' class="table table-bordered table-striped table-hover">
<tr>
<td>status</td>
<td><img src='edit.png'>1</td>
</tr>
<tr>
<td>status</td>
<td><img src='edit.png'>2</td>
</tr>
<tr>
<td>status</td>
<td><img src='edit.png'>3</td>
</tr>
</table>
我试过这样,因为那个图像它排序为1,10,11,12 ..如果我删除那个图像标签它正确排序.所以请给出一些解决方案.
$("#tb").dataTable({
"order": [
[1,"asc"]
]
});
解决方法
在包含
HTML5 data attributes的当前版本的dataTables中,排序更加灵活.
将数据排序或数据顺序属性附加到td标记允许您自定义表中所有类型的dom对象的排序顺序.
<table id='tb' class="table table-bordered table-striped table-hover">
<tr>
<td>status</td>
<td data-order='1'><img src='edit.png'>1</td>
</tr>
<tr>
<td>status</td>
<td data-order='2'><img src='edit.png'>2</td>
</tr>
<tr>
<td>status</td>
<td data-order='3'><img src='edit.png'>3</td>
</tr>
</table>
