table---改变列的顺序

最新推荐文章于 2024-07-03 14:02:20 发布

aPanPan.

最新推荐文章于 2024-07-03 14:02:20 发布

阅读量1.1k

点赞数

分类专栏： html table 文章标签：前端

本文链接：https://blog.csdn.net/weixin_44481472/article/details/96480648

版权

这篇博客介绍了如何利用jQuery库来实现对HTML表格中列的重新排序，为前端开发者提供了一种简便的方法来动态调整表格布局。

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

基于jQuery写的改变表格列的顺序

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title> demo </title>
    <style>
        .no-select-text {
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
        }
        #headTable td {
            border-bottom: 0px;
            cursor: all-scroll;
        }
         #mainTable td {
            width: 77px;
            border-top: 0px;
        }
    </style>

</head>

<body>
    <div id="main">
        <table id="headTable" border="1" cellpadding="0" cellspacing="0" style="width:400px;text-align:center;">
            <tr style="background-color: #E5E5E5">
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
            </tr>
        </table>
        <table id="mainTable" border="1" cellpadding="0" cellspacing="0" style="width:400px;text-align:center;">
            <tr>
                <td>

最低0.47元/天解锁文章

aPanPan.

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
table---改变列的顺序

基于jQuery写的改变表格列的顺序<html><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title> demo </title> <style> .no-select...
复制链接

扫一扫