rauschma, 1 month ago #HTML: I’m experimenting with aligning table columns. Maybe: <table> <style> th:nth-child(1), td:nth-child(1) { text-align: left; } th:nth-child(2), td:nth-child(2) { text-align: right; } th:nth-child(3), td:nth-child(3) { text-align: center; } </style> <thead> <th>Left</th><th>Right</th><th>Center</th> </thead> <tbody> <tr> <td>1A</td><td>1B</td><td>1C</td> </tr> <tr> <td>2A</td><td>2B</td><td>2C</td> </tr> </tbody> </table>
#HTML: I’m experimenting with aligning table columns. Maybe:
<table> <style> th:nth-child(1), td:nth-child(1) { text-align: left; } th:nth-child(2), td:nth-child(2) { text-align: right; } th:nth-child(3), td:nth-child(3) { text-align: center; } </style> <thead> <th>Left</th><th>Right</th><th>Center</th> </thead> <tbody> <tr> <td>1A</td><td>1B</td><td>1C</td> </tr> <tr> <td>2A</td><td>2B</td><td>2C</td> </tr> </tbody> </table>
rauschma, 1 month ago Sadly, there doesn’t seem to be a better built-in way to align HTML table columns. There is the <col> element but its align attribute is deprecated. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col
Sadly, there doesn’t seem to be a better built-in way to align HTML table columns. There is the <col> element but its align attribute is deprecated. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col
align
tomw, 1 month ago @rauschma In any situation where the table is being produced by code, it's usually easy enough to add <td class="col1"> etc or even <td class="align-right"> as relevant. I realise that's a bit tightly coupled but so is the nth-child way...
@rauschma In any situation where the table is being produced by code, it's usually easy enough to add <td class="col1"> etc or even <td class="align-right"> as relevant. I realise that's a bit tightly coupled but so is the nth-child way...
Add comment