解决 datatable 中的 表头与表格内容不整齐 和 表头换行问题

解决 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;
}

/**************************************/