如果您想在表格中保留小数位,可以通过以下代码将单元格的格式设置为小数类型:
名称
价格
商品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;
});
此代码
上一篇:表格将不会显示。