Fixed Header styles overrides my own header styles
Fixed Header styles overrides my own header styles
![awariat](https://secure.gravatar.com/avatar/4a148908b620fcd91eb7a80322bb83c4/?default=https%3A%2F%2Fvanillicon.com%2F4a148908b620fcd91eb7a80322bb83c4_200.png&rating=g&size=120)
in FixedHeader
Hi all
I removed sorting icons from my table and set the paddings:
/*distable sorting icons in restock FBA table*/
#restockTable table.dataTable>thead .sorting::before,
#restockTable table.dataTable>thead .sorting_asc::before,
#restockTable table.dataTable>thead .sorting_desc::before,
#restockTable table.dataTable>thead .sorting_asc_disabled::before,
#restockTable table.dataTable>thead .sorting_desc_disabled::before {
right: 0;
content: "";
}
#restockTable table.dataTable>thead .sorting::after,
#restockTable table.dataTable>thead .sorting_asc::after,
#restockTable table.dataTable>thead .sorting_desc::after,
#restockTable table.dataTable>thead .sorting_asc_disabled::after,
#restockTable table.dataTable>thead .sorting_desc_disabled::after {
right: 0;
content: "";
}
#restockTable table.dataTable>thead>tr>th:not(.sorting_disabled),
#restockTable table.dataTable>thead>tr>td:not(.sorting_disabled) {
padding-right: 4px;
padding-left: 4px;
}
#restockTable table.dataTable>thead>tr>th,
#restockTable table.dataTable>thead>tr>td {
padding-right: 4px;
padding-left: 4px;
}
But when I use FIXED HEADER the styles are back
What are the correct styles for fixed header?
Kind regards
Jack
Answers
We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.
Cheers,
Colin