Job Engine p50 Memory
Sessionize Spark 41 s 48 GB Sessionize Rust 13 s 14 GB Dedupe Rust 6 s 3 GB
Code < div class = "table-wrap" > < table class = "table" > < thead >< tr >< th >Job</ th >< th >Engine</ th >< th class = "n" >p50</ th >< th class = "n" >Memory</ th ></ tr ></ thead > < tbody > < tr >< td >Sessionize</ td >< td >< span class = "chip" >Spark</ span ></ td >< td class = "n" >41 s</ td >< td class = "n" >48 GB</ td ></ tr > < tr >< td >Sessionize</ td >< td >< span class = "chip warm" >Rust</ span ></ td >< td class = "n" >13 s</ td >< td class = "n" >14 GB</ td ></ tr > < tr >< td >Dedupe</ td >< td >< span class = "chip warm" >Rust</ span ></ td >< td class = "n" >6 s</ td >< td class = "n" >3 GB</ td ></ tr > </ tbody > </ table > </ div > Copy Heads are small mono uppercase, rows are separated by hairlines, numbers are right-aligned in mono with tabular figures. Inside .prose, plain tables get the same look and every column after the first is right-aligned.
Compact
Region ap-south-1 Nodes 12 Uptime 99.97%
Code < table class = "table compact" style = "max-width:24rem" > < tbody > < tr >< td >Region</ td >< td class = "n" >ap-south-1</ td ></ tr > < tr >< td >Nodes</ td >< td class = "n" >12</ td ></ tr > < tr >< td >Uptime</ td >< td class = "n" >99.97%</ td ></ tr > </ tbody > </ table > Copy Class On What it does .tabletable The base table. .nth, td Right-aligned mono number. .compact.table Tighter rows, smaller text. .table-wrapdiv Scrolls wide tables sideways on phones.
Accessibility Use <th> in the head so screen readers announce columns. Add scope="row" to row headers.