bJQueryUI, fnClose(), FireFox, and border-collapse don't mix!
bJQueryUI, fnClose(), FireFox, and border-collapse don't mix!
talkitivewizard
Posts: 30Questions: 0Answers: 0
Oh so I've been struggling all freaking day trying to find out why Firefox was rendering a left border everytime that I was doing the "ShowDetails" example on my own datatable. I finally figured it out and thought I would share this with the rest of you.
Screenshot: http://allan.aljoproductions.net/DataTables_Random_Left_Border.png
So it turns out, that if you use the syntax:
[code]
[/code]
to collapse borders on your table, you won't ever see this. HOWEVER, if you use the syntax
[code]
.display {
border-collapse: collapse;
width:100%;
}
[/code]
You will end up with a table much line mine. I tested it on two of my tables and one of Allan's examples. Sucks major donkey balls but I'm just glad I was able to find a work around.
Screenshot: http://allan.aljoproductions.net/DataTables_Random_Left_Border.png
So it turns out, that if you use the syntax:
[code]
[/code]
to collapse borders on your table, you won't ever see this. HOWEVER, if you use the syntax
[code]
.display {
border-collapse: collapse;
width:100%;
}
[/code]
You will end up with a table much line mine. I tested it on two of my tables and one of Allan's examples. Sucks major donkey balls but I'm just glad I was able to find a work around.
This discussion has been closed.