Question

我的第一栏中有以下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中，排序完全被破坏了。

Answer 1

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

查看DataTables data-attributes docs here

 <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>
 ...
 ...

数据表中的aaSorting无法正常工作

1 个答案: