JS实现表格排序，<thead>的不同字段

最新推荐文章于 2022-04-15 09:54:59 发布

龙坑逼团55开

最新推荐文章于 2022-04-15 09:54:59 发布

阅读量1.2k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_34825758/article/details/78139720

版权

这篇博客介绍了如何使用JavaScript实现HTML表格的排序功能。通过监听表格头部点击事件，动态调整排序标志并调用自定义`sort`函数进行排序。`sort`函数根据`data-type`属性区分数字、字符串和日期三种类型的字段，进行相应类型的比较和排序。示例代码中展示了针对数字、字符串和日期的排序逻辑，以及如何将排序后的数据重新添加回表格。

摘要由CSDN通过智能技术生成

<table id="tableSort">
    <thead>
        <tr>
            <th data-type="num">工号</th>
            <th data-type="string">姓名</th>
            <th data-type="string">性别</th>
            <th data-type="date">时间</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>06</td>
            <td>sssss</td>
            <td>男</td>
            <td>2008-10-10