DataTable header checkbox when selected does not appear as if selected (rows below get selected)

Question

I have a DataTable in jQuery. First column is a list of checkboxes. Table has multiselect and header of the first column holds a checkbox as well. I want this header to be u