aa数据表中的排序无法正常工作

aaSorting in datatables not working properly

本文关键字：常工作 工作 数据表 排序 aa      更新时间：2023-09-26

我的第一列中有以下html。它显示一个图标和一个锚标记。

     <tr class="even">
        <td class=" sorting_1">
            <span data-sortvalue="0">
               <img title="icon" src="icon.png">
               <a href="path to page" title="0">0</a>
            </span>
       </td>
     </tr>
     <tr class="odd">
        <td class=" sorting_1">
             <span data-sortvalue="1">
               <img title="icon" src="icon.png">
               <a href="path to page" title="1">1</a>
             </span>
        </td>
     </tr>
     <tr class="even">
         <td class=" sorting_1">
             <span data-sortvalue="2">
               <img title="icon" src="icon.png">
               <a href="path to page" title="2">2</a>
             </span>
         </td>
     </tr>
....................
...................
...................

我正在使用aaSorting[0, 'asc']

在 chrome 中，如果列按升序或降序排序，则0值始终保持在顶部。所有剩余值都将相应地排序。

在 Firefox 中，排序完全被破坏了。

用于对 span 标签进行排序的数据属性需要位于 td 标签上。它们也应该更改为"数据排序"或"数据排序"。

在此处查看数据表数据属性文档

 <tr class="even">
    <td class=" sorting_1" data-sort="0">
        <span>
           <img title="icon" src="icon.png">
           <a href="path to page" title="0">0</a>
        </span>
   </td>
 </tr>
 ...
 ...
相关文章：