how do I display the gridlines in a HTML table? (am using IE6)
When you use CSS to add borders to tables, it only adds the border around the outside of the table. If you want to add internal lines to the individual cells of that table, you need to add borders to the interior CSS elements. You can use the HR tag to add lines inside individual cells.
Click the table. Click the Table Layout tab, and then under Settings, click Gridlines.
You can turn on the grid button located in the div which has display: grid declared. All you have to do is go to your browser's developer tools (mine is Microsoft Edge which is based on Chromium). You will see a button like this. And then you can code and test as you wish.
To create table border in HTML, the border attribute was used. But the introduction of HTML5, deprecated the border tag. Create table border using the CSS property border. Set table border as well as border for <th> and <td>.
Via css. Put this inside the <head>
tag.
<style type="text/css" media="screen"> table{ border-collapse:collapse; border:1px solid #FF0000; } table td{ border:1px solid #FF0000; } </style>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With