Question

我正在尝试使sorttable.js从自定义tr属性读取值，即“sort_value”。

<table>
    <thead>
        <tr>
            <th class="sort_string">Name</th>
            <th class="sort_int">Age</th>
            <th class="sort_int">Date of Birth</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td>Adam</td>
            <td>22</td>
            <td sort_value="19930403">April 3 1993</td>
        </tr>
        <tr>
            <td>Matt</td>
            <td>20</td>
            <td sort_value="19950220">Feb 20 1995</td>
        </tr>
        <tr>
            <td>Josh</td>
            <td>25</td>
            <td sort_value="19900730">July 30 1990</td>
        </tr>
        <tr>
            <td>Kent</td>
            <td>27</td>
            <td sort_value="19880322">March 22 1988</td>
        </tr>
    </tbody>
</table>

这是jsfiddle：http://jsfiddle.net/zz4mugen/6/

除了出生日期之外，一切都很完美。请看一下jsfiddle的.js。它位于外部资源列。

Answer 1

您正在使用自定义属性，但名称无效。自己的属性必须从数据开始。请参阅官方文档：http://www.w3.org/TR/html5/dom.html#embedding-custom-non-visible-data-with-the-data- * - attributes

下面是一个有趣的博客，其中包含有关在表格中对不同类型的值进行排序的说明和示例，例如不同区域设置的数字，文本，货币和日期。

https://yoast.com/articles/sortable-table/#example

HTML单元格DOM获取属性值 - 排序table.js

1 个答案: