Why table headers and datacolumns alignment is mismatched.Why it was happening?
Why table headers and datacolumns alignment is mismatched.Why it was happening?
kalpanaA
Posts: 3Questions: 1Answers: 0
hi,
I have used serverside paging .
my table data alignment is not correct with table headers.
I want to know why this problem arised,Which property usage causes this issue.
This discussion has been closed.
Answers
Please Help me in solving this issue.
Per the forum rules, please link to a test case showing the issue so we can help to solve the issue.
Allan
if (oTable != undefined && oTable != null && redrawDatatable == false) {
oTable.fnDestroy();
oTable = null;
}
oTable = $('#dtMemberSearch').dataTable({
dom:
'T<"clear">lfrtip',
"sDom": "<'row'<'col-md-6'T><'col-md-6'f>r>t<'row'<'col-md-6'i><'col-md-6'p>>",
"bRetrieve": true,
//"scrollX": true,
//"sScrollY": "500",
// "bScrollCollapse": true,
"aaSorting": [],
"bDestroy": true,
"bServerSide": true,
"bAutoWidth": true,
"bSort": true,
// "bFilter": false,
"fnInfoCallback": function (oSettings, iStart, iEnd, iMax, iTotal, sPre) {
//$('#dtMemberSearch_wrapper').find(".DTTT").first().remove();
var text = oSettings.oLanguage.sInfo;
var recCount = oSettings._iRecordsTotal;
if (recCount != undefined) {
if (recCount == 0) {
$('#dtMemberSearch_wrapper').find('.clear').html("
");
}
else {
$('#dtMemberSearch_wrapper').find('.clear').html("
");
}
}
This is My Datatable.If a remove scrollx ,It's aligned properly,But scrolling needed as I Have 15 columns.For that i used css but it is giving scrollbar at div level .It'S NOT working for me.