如果您想在表格中保留小数位,可以通过以下代码将单元格的格式设置为小数类型:
名称
价格
商品A
12.345
商品B
6.789
在以上示例中,td:nth-last-child(1) 和 td:nth-last-child(2) 选择器表示选择倒数第1列和倒数第2列,即价格列。将这些单元格的 text-align 属性设置为 right 右对齐数字,同时使用 padding-right 属性为数字腾出空间。另外,td:last-child 选择器用于防止单元格自动换行,以便价格可以完整地显示。您可以根据需要调整样式。
此外,还可以使用 JavaScript 代码来对表格进行操作,通过 .toFixed() 对数字四舍五入并格式化为特定小数位数。
var table = document.querySelector("table");
var cells = Array.from(table.querySelectorAll("td:nth-last-child(1), td:nth-last-child(2)"));
cells.forEach(function(cell) {
var value = parseFloat(cell.textContent).toFixed(2);
cell.textContent = value;
});
此代码
上一篇:表格将不会显示。