CSS เพียงบรรทัดเดียวที่ช่วยจัดแนวตัวเลขใน HTML Table ให้อ่านง่าย

table { font-variant-numeric: tabular-nums; }

หากต้องแสดงตัวเลขหลายแถวตอนสร้างหน้าดูสถิติหรือเครื่องมือผู้ดูแลระบบ เพียงบรรทัดเดียวนี้ก็สร้างความต่างด้านความอ่านง่ายได้อย่างมาก

[sduck4]

แค่ใช้ฟอนต์ความกว้างคงที่ก็น่าจะง่ายกว่านะ..

[xguru]

ท้ายที่สุดแล้ว ถ้าฟอนต์ถูกบังคับให้คงที่ ก็คงเลี่ยงไม่ได้ที่จะต้องลดทอนองค์ประกอบด้านดีไซน์ลง

ลิงก์ด้านล่างน่าจะช่วยให้เห็นลักษณะของฟอนต์แบบ tabular ได้ชัดเจนยิ่งขึ้น

https://www.typography.com/blog/fonts-for-complex-data