CODEWITHSUNDEEP
htmlhtml-table
user25
user25

Reputation: 141

How to remove space rows and columns in table in html

In my html page, I have one table, for every row there are two buttons, I want to display them without any space between rows and columns, i.e., no space between columns in each row and no space between two rows in table. How can I get this? I tried with:

<table>
     <tr>
          <td colspan = 2><a data-role="button" href = "getFun()" >check</a></td>
     </tr>
     <tr>                               
          <td><a data-role = "button"   href = "getFun()">check</a></td>                               
          <td><a data-role = "button"  href = "getFun()">check</a> </td>
     </tr>
     <tr>
          <td><a data-role = "button" href = "getFun()">check</a></td>
          <td><a data-role = "button" href = "getFun()">check</a></td>
     </tr>
 </table>

table{
    border-spacing:0;
    border-collapse:collapse;
}

But its not working for me. Please tell me the solution. I edited my code. Please find it

Upvotes: 0

Views: 4108

Answers (1)

Curtis
Curtis

Reputation: 103338

<table cellpadding="0" cellspacing="0">

http://jsfiddle.net/Curt/5rkpy/

Upvotes: 1

Related Questions