解决 datatable 中的 表头与表格内容不整齐 和 表头换行问题
.dataTable th {
white-space: nowrap !important;
}
.dataTables_wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting
{
min-width: 121px;
}
.dataTables_filter, div[class="dataTables_paginate paging_simple_numbers"]
{
flex: 1 0 auto;
}
.dataTables_scroll {
overflow: auto;
}