CODEWITHSUNDEEP
javascriptjquerycssgoogle-chromedatatable
Ravi Makwana
Ravi Makwana

Reputation: 2916

DataTable with Fixed Column in Chrome browser it's showing space between Header and Body

When load datatable grid dynamically with fixed column and/or lazy loading

it's show space between Header and Body

in this space there's tr with height:0px but for some reason it's not take as height 0px enter image description here

I have try to inspect in chrome and try to change height 0px but no change

Note: This issue only face in Chrome but in Firefox looks everything fine. :/

I can't share a code because of company policy SORRY

Upvotes: 0

Views: 483

Answers (1)

Chandrashekhar Komati
Chandrashekhar Komati

Reputation: 794

I'm also facing this issue last few weeks, I found some code to fix temporary using CSS try to use below code 

    /* ---- Temp Override css for resolve DataTable header spacing  ----*/
        .DTFC_ScrollWrapper .dataTables_scrollBody thead tr,.DTFC_ScrollWrapper .dataTables_scrollBody thead tr th {
    height: 0px !important;
}
        /* ------------------------------ */

Upvotes: 1

Related Questions