ruby on rails 4 - how to remove borders for a particular table cells in html? -


i having following markup.

<table class="table table-bordered table-stripped width_setting">   <thead>     <tr>       <th>s.no</th>       <th>job title</th>       <th>posted on</th>       <th>salary</th>       <th colspan="3" class="remove_border_th"></th>     </tr>   </thead>    <tbody>     <% @jobpostings.each |jobposting| %>       <tr>     <td><%= jobposting.s_no %></td>     <td><%= jobposting.job_title %></td>     <td><%= jobposting.posted_on %></td>     <td><%= jobposting.ctc %></td>     <!-- <td><%#= link_to 'view details', assessment %></td> -->     <td class="no_border_2" ><%= link_to 'view details',  jobposting, :target => "_blank" %>&nbsp;</td>     <!-- <td><%#= link_to 'apply', edit_assessment_path(assessment) %></td> -->     <td class="no_border_1"><%= link_to 'apply', :controller=>"job_applicants", :action=>"new", :title=> jobposting.job_title %>       </tr>     <% end %>   </tbody> </table> </div> <br>  <%= link_to "home", :controller=>"jobpostings", :action=>"index" %> |<%= link_to "logout", destroy_admin_session_path, :method => :delete %>   <style type="text/css">      .width_setting {   border: 1px solid #dddddd;   width: 813px; } .no_border_2{ border-right:none !important;  border-bottom:none !important;  border-top: none !important; }   .no_border_1{ border-right:none !important; border-left:none !important; border-bottom:none !important; border-top: none !important;  } .remove_border_th{ border-right:none !important;  border-bottom:none !important; border-top: none !important;  }  </style> 

i getting following output current mark up.

enter image description here

i want remove border cells these links ,view details,apply on sides(top, right, bottom, left). how can that? please me.i tried possible options related border cells, still issue not fixed.

the easiest way remove border use nested table.

<table>  <table class="tablewithborder">   <!--content-->  </table>  <table class="tablewithoutborder">   <!--links-->  </table> </table> 

Comments

Popular posts from this blog

javascript - Karma not able to start PhantomJS on Windows - Error: spawn UNKNOWN -

Nuget pack csproj using nuspec -

c# - Display ASPX Popup control in RowDeleteing Event (ASPX Gridview) -