-
Notifications
You must be signed in to change notification settings - Fork 1
Open
Description
Using the latest datatables.net-dt and datatables.net-bs5 packages (v2.3.2), when the DataTable.render.select() checkbox is rendered, the Select All checkbox in the header is slightly out of alignment with the checkboxes in the table rows:
The cause appears to be the display of the <span class="dt-column-order"></span> element and the styling attached to div.dt-column-header, which is:
Dist-DataTables-Bootstrap5/css/dataTables.bootstrap5.css
Lines 155 to 158 in b63a2ad
| display: flex; | |
| justify-content: space-between; | |
| align-items: var(--dt-header-align-items); | |
| gap: 4px; |
This causes .dt-column-order to affect the layout. I see there's special handling for span.dt-column-title:empty so perhaps that needs to be extended to .dt-column-order:empty as well.
Example table:
new DataTable('#table', {
columns: [{ orderable: false, render: DataTable.render.select() }],
select: {
style: 'multi', // but affects other styles like `os` too
},
});Metadata
Metadata
Assignees
Labels
No labels