javascript - 更改表列顺序

标签 javascript jquery html-table

我需要动态更改 html/js 中表格中的列顺序,你能告诉我该怎么做吗?

最佳答案

如果您只需要简单地移动一列,而不需要任何花哨的拖放动画,那么以下 JS 应该可以解决问题:

<script type="text/javascript">
    $(function() {
        jQuery.each($("table tr"), function() { 
            $(this).children(":eq(1)").after($(this).children(":eq(0)"));
        });
    });
</script>

根据需要替换数字。这个概念有效

看来将其写为一行是不太可能的。在选择器中包含 td,即使使用行选择器似乎也将每个 td 保存在单独的索引上,忽略行。

否则 jQuery 网格插件应该可以解决这个问题。虽然我没有使用此类插件的经验。

关于javascript - 更改表列顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5464219/

相关文章:

html - 如何使 HTML 表格部分透明?

html - 如何从 HtmlTable 的一列和接触它的包含表的一部分中删除边框?

javascript - 使用 Dropbox JavaScript SDK 下载文件时出现问题

javascript - 将选中的属性添加到 TR 中最接近的复选框

javascript - 自动选择第一个 jquery UI 结果

javascript - 如何在 JQuery 中将 HTML 数据属性转换为 JSON?

javascript - 如何在js中编辑和更新表中的td

javascript - ko.toJSON($root,null,2) 返回错误

javascript - 发现奇怪的用户代理

javascript - 带有 jquery 处理程序的 location.href