对底部放置空单元格的HTML表格进行排序
，可以通过以下步骤实现：
- 确定排序的列：首先，确定要根据哪一列进行排序。可以通过表格的表头来确定，选择一个具有排序需求的表头单元格。
- 获取表格数据：使用JavaScript或其他前端语言，通过DOM操作获取表格的数据。可以通过遍历表格的每一行和每一列，将数据存储在一个数组或对象中。
- 排序数据：使用适当的排序算法对获取到的数据进行排序。常见的排序算法有冒泡排序、插入排序、选择排序、快速排序等。根据具体需求选择合适的排序算法。
- 更新表格：根据排序后的数据，更新表格的内容。可以通过DOM操作，将排序后的数据重新渲染到表格中。
以下是一个示例代码，演示如何对底部放置空单元格的HTML表格进行排序：
<!DOCTYPE html>
<html>
<head>
<title>Table Sorting Example</title>
<script>
function sortTable() {
var table = document.getElementById("myTable");
var rows = table.rows;
var data = [];
// 获取表格数据
for (var i = 1; i < rows.length; i++) {
var cells = rows[i].cells;
var rowData = [];
for (var j = 0; j < cells.length; j++) {
rowData.push(cells[j].innerHTML);
}
data.push(rowData);
}
// 排序数据
data.sort(function(a, b) {
return a[0] - b[0]; // 假设按第一列进行升序排序
});
// 更新表格
for (var i = 1; i < rows.length; i++) {
var cells = rows[i].cells;
for (var j = 0; j < cells.length; j++) {
cells[j].innerHTML = data[i-1][j];
}
}
}
</script>
</head>
<body>
<table id="myTable">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>3</td>
<td>Apple</td>
<td>Red</td>
</tr>
<tr>
<td>1</td>
<td>Orange</td>
<td>Orange</td>
</tr>
<tr>
<td></td>
<td>Banana</td>
<td>Yellow</td>
</tr>
</tbody>
</table>
<button onclick="sortTable()">Sort</button>
</body>
</html>在上述示例代码中，我们使用了JavaScript来实现对表格的排序。通过点击"Sort"按钮，调用sortTable()函数来触发排序操作。该函数首先获取表格数据，然后使用JavaScript的sort()方法对数据进行排序，最后更新表格的内容。
请注意，这只是一个简单的示例，仅演示了如何对表格进行排序。在实际应用中，可能需要根据具体需求进行修改和优化。
相关·内容
1回答
我在这里使用这个答案- 来正确地排序我的HTML表。但是，我想简单地对底部所有空TD单元格的表进行排序。有没有人有一个简单的调整来做到这一点？
浏览 18提问于2020-05-29得票数 0
回答已采纳
1回答
我目前有一个表，其中的项目可以根据不同的列排序。我当前的表有空行，允许动态插入新项，而不必使用任何外部控件(表外按钮)。截图如下：
我还没有找到一种解决方案，可以让我在忽略空单元格的情况下对给定列进行排序(即，空单元格应始终保留在表格的底部，而所有其他单元格将根据需要进行排序</
浏览 3提问于2015-05-21得票数 0
1回答
我独立地按降序对以下列进行排序，即每列中的最大值始终位于顶行。但是，我在表格中有几个空白单元格。它们实际上并不是空的，而是索引/匹配公式引用了另一个公式单元格IFERROR(H2/I2,"")，该单元格给出的答案为空。在执行降序排序时，我希望对每列底部的空</em
浏览 0提问于2020-01-07得票数 1
我在桌子上有一个Tablesorter插件，它在升序和降序上进行了很好的排序。如果某些单元格为空，则根据设置，它们将以第一或最后的形式出现。但是，如果列中的所有单元格都是空的，则会对它们进行随机排序！我想要的行为是什么都不做。
如何实现此行为？
浏览 0提问于2015-01-13得票数 1
回答已采纳
1回答
我想按其中包含字符串的列对工作表进行排序。我通过在第一个单元格中放置一个基于导入范围的查询来填充工作表。如果我把排序作为查询的一部分，按Col6排序似乎是最好的。这会将所有空行放在顶部，除非我按降序排序，这是我不想做的。在标题为"sort-empty-cells- to -top“的问题中，我发现了与我想做的相反<em
浏览 4提问于2018-01-14得票数 1
我有一个Excel97-2003 .xls电子表格从.dbf使用C#-4.0和Excel.Interop转换。数据按照D列按日期排序。现在，我需要按G列对选定范围(如图所示)进行排序，以便空白单元格位于选定范围的底部。
图像正确地显示了它，但这只是因为从输入源检索的数据是以正确的顺序输入的。如果没有按正确的顺序输入数据，那么空白单元格可能从一开始就不在列G
浏览 0提问于2012-08-21得票数 2
回答已采纳
我有一个Google电子表格，它使用两个视图：
我在网上找到了很多脚本，可以在编辑时自动排序，但我只希望在Filter视图处于活动状态时才能进行排序。我没有找到任何方法来检测某个筛选
浏览 0提问于2019-07-18得票数 2
3回答
客场团队(如下所示)垂直放置在表格单元格中。我使用的是HTML5。放置valign=“底部”不适用于HTML5。
浏览 3提问于2014-11-13得票数 0
回答已采纳
我正在尝试在Excel中绘制一个有条件地构建的表格。 左边的表格来自右边的表格，如果其他表格上的相应单元格不是数字，则将单元格留空。 ? 但是，如果我尝试扩展范围，以便包括具有公式但为空的单元格，x轴的行为方式很奇怪，x值将是1,2,3，而不是给定的值。 ? 我猜它不再将数值视为数字，而只是对x轴
浏览 35提问于2021-01-15得票数 0
我对Apps脚本非常陌生，并且尝试做我的第一件事。这是购物单。
我想要创建一个函数，该函数将激活一个给定的其他列(第3列，'Qty')中有值的所有行(按第1列，‘走道#')排序。这样做的想法是通过过道对清单上的物品进行排序(也就是用Qty填充的值)，给我应该寻找的东西的订单。我不想对电子表格中没有Q
浏览 6提问于2020-10-06得票数 1
回答已采纳
有人能帮我解决DataTables的排序问题吗？我需要按降序排列我的表的第一列。该列包含一些带有无序列表的单元格。我想要的是，它使用第一个列表项的内容用无序列表对单元格进行排序。我使用的是columnDefs类型的html，但这不足以解决这个问题。排序系统地使用表底部的无序列
浏览 4提问于2016-05-12得票数 0
回答已采纳
我在Google中有一个电子表格，有一个标题和13行包含数据。我希望能够按大小对各个列进行排序，不幸的是，每当我尝试这样做时，“平均”行都会与它们一起排序。是否有任何方法将底部行排除在过滤器之外？
浏览 0提问于2020-07-10得票数 2
1回答
我正在以相当标准的方式使用DataTables插件。这显然会扰乱排序系统(特别是数字列)，将它们排序到不需要的位置。我已经设法消除了数字的这个问题，方法是使单元格完全为空(所以根本不写数据)，并通过css添加文本： content: "nodata";这样，单元格就等于零，然后向下搜索，它们就会出现在最底层(因为用这种方式排序数字要有
浏览 1提问于2016-12-14得票数 0
我有一张很大的表，想用tablesorter进行排序。我正在处理的问题是，当对数字进行排序时，表排序程序充当空单元格的0。如何将空单元格推送到底部？例如，tablesorter就是这样排序的-4<empty cell>615我想排序为-4
浏览 0提问于2011-01-25得票数 7
回答已采纳
1回答
我拼凑了以下脚本来对每一列进行排序，以便在底部显示空单元格/包含错误的单元格。问题是，如果在数据列(第4-1000行)的顶部只有一个空单元格，那么它不能正确排序(将空单元格留在那里，但其他情况下排序正确)。.SortMethod = xlPinYin End With
co
浏览 16提问于2017-01-14得票数 0
回答已采纳
我正在创建一个标准文档，将信息从不同大小的数据转储(最多1000行)提取到表中。
从这些数据中提取数据后，我想按包含GBP中的值的一列对表进行排序。但是，由于我的表正在从1000行中提取数据，并且出于参数的考虑，数据转储是250行，因此它将提取超过750个空白单元格引用。当我从最大到最小对列进行排序时，它将750个空白单元格引用放在250个值之上，然后按照从最大到最小的</
浏览 0提问于2016-09-15得票数 0
2回答
我可以改变每个页面的大小和它们出现的顺序，但不能改变页面上的物理位置，这让我发疯了。所有的东西都被剪到页面的左边。
浏览 8提问于2014-06-18得票数 0
回答已采纳
我需要这样做，以便将列中的空值放在DGV列的底部。我需要它的升序，这首先放置空值，但我不想首先看到，我想看到它们在我的最大值之后。到目前为止，这是我所拥有的，但它首先将空值放在首位，我不知道如何处理将空值放在最后的自定义排序。dataGridView1.Sort(dataGridView1.Columns("Height"), System.ComponentM
浏览 1提问于2017-05-30得票数 3
回答已采纳
我试图使用一个表单为我们的学生员工创建一个就业列表，这是一个可编辑的谷歌表格。我希望任何工作人员都能通过使用该表格来增加需要接受的工作，学生们可以查看任何空缺的表格，并为他们想要的任何职位写下他们的名字。有了这个网站的帮助，以及一些修改，我有一个系统，可以将表单中的信息放到列表中。我的问题开始出现的地方是，我希望能够按状态，然后按日期来订购纸张。
这里是前一个线程
浏览 0提问于2015-11-02得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
