1

I have web part section where I have following code:

<style type="text/css">

/* List View Header */
.ms-listviewtable > thead > tr > th {
 background-color: #5B9BD5;
}

/* List view Header Text color*/
.ms-vh-div,  .ms-headerSortTitleLink {
color:white!important; font-weight: bold;
} 

/* background color for alternate rows */
.ms-listviewtable > tbody > tr.ms-alternating {
background: #DDEBF7;
}

.ms-listviewtable > tbody > tr td{
border-bottom: 1px dotted black !important;
}
</style>

Problem that I have some issue with border bottom after each column: enter image description here How to make it accurate?

Improve this question

1 Answer 1

Reset to default
0

Remove this line from your code.

.ms-listviewtable > tbody > tr td{
border-bottom: 1px dotted black !important;
}

enter image description here

Improve this answer
4
  • I don't want to remove dotted line. I just want to make it accurate near borders. Commented Aug 16, 2017 at 9:11
  • Image is too bad to see the border. What do you mean with issue? Double dots at where columns begin and end? Commented Aug 16, 2017 at 9:24
  • Newbie, more detailed screen - imgur.com/a/3sqYI Commented Aug 16, 2017 at 10:17
  • IE - imgur.com/a/4wzmh Commented Aug 16, 2017 at 10:22

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.