I have a DataTable with scrollY and scrollX. Everything works great, and all headers align with the table cells. Wanting a little styling, I have added a 1px border to the dataTables_scroll class that wraps the entire table. This, too, works fine. However, once I add that border, depending on the content and/or width of the columns, a header or two becomes misaligned with its respective column by a single pixel. It is sometimes pushed to the left, and sometimes to the right. Redrawing the table doesn't fix it. But if I remove that border, all is well.
How can I keep the border while having the columns align properly?