CODEWITHSUNDEEP
cssjspstruts2
mukund
mukund

Reputation: 327

How to add styles to rows in display:table

The following is my code.... It is running perfectly in every browser except Firefox... In Firefox, the bottom border of the row is not visible... How can I fix it?

  <display:table class="displayTableBorder" export="false" style="width:95%;" rules="rows" summary="Plan actions and notes" name="planSummaryDTO.listPlanNoteDto" uid="planNote" rules="rows" requestURI="" pagesize="2">

 <display:column class="table-row" style="border:1px solid black;" title="Action" headerClass="hixTableHeader header" class="displayTagtd" style="width: 10%;text-align: center;">

   <a href="javascript:showUpdateWindow('UPDATE','${planNote.noteId}');" style="FONT-SIZE: 14px;font-family: Vegur;color: rgb(0, 0, 0); text-decoration:underline;font-weight:normal">${planNote.action}</a>
</display:column>

<display:column style="border:1px solid black;" property="createdDate" style="width: 20%;text-align: center;"  title="Date" headerClass="hixTableHeader header" class="displayTagtd" />
            </display:table>

Upvotes: 1

Views: 2547

Answers (1)

Manoj Pilania
Manoj Pilania

Reputation: 666

If you are code generates table then remove inline styles and use the following CSS 

 <style>
 table, table tr, table tr td
 {
    border: 1px solid gray;
    -moz-border: 1px solid gray;
    -webkit-border: 1px solid gray;
    border-collapse: collapse;
 }
 </style>

If above code not works for your then send me your generated code here. I will solve your problem.

Upvotes: 1

Related Questions