Datatablesversion (1.9.3) columns are not aligned on Safari(5.1.7)

chathurainc

hi,

Header section aligned properly, but data rows not aligned,

how can i resolve it?

Thank You,
Chathurainc

allan

Please link to a test case showing the problem, as noted in the forum rules. I'd also suggest upgrading to the latest version.

Allan

chathurainc

check this link,

https://drive.google.com/file/d/0B3QXUYpoZsqBREswQUZtSHFHMDg/edit?usp=sharing

how can i resole this?

Thank You,

allan

We actually need a link to a test case so we can understand what is causing the issue.

Allan

chathurainc

UpdateDepartmentDataTable: function (result) {

if (_department_Index_DepartmentDataTable != null) {
_department_Index_DepartmentDataTable.fnClearTable(0);
_department_Index_DepartmentDataTable.fnDraw(false);
}

$("#Department_Index_Search_DataTable").html();
$("#Department_Index_Search_DataTable").dataTable().fnDestroy();
_department_Index_DepartmentDataTable = $('#Department_Index_Search_DataTable').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"bProcessing": true,
"bDeferRender": true,
"bDestroy": true,
"bAutoWidth": false,
"sScrollY": "300px",
"bCollapse": true,
"bFilter": false,
"iDisplayLength": 10,
//
//"iDisplayLength": -1,
//"bPaginate": true,
//"iCookieDuration": 60,
//"bStateSave": false,
//"bAutoWidth": false,
////true
//"bScrollAutoCss": true,
//"bProcessing": true,
//"bRetrieve": true,
//"bJQueryUI": true,
////"sDom": 't',
//"sDom": '<"H"CTrf>t<"F"lip>',
////"aLengthMenu": [[25, 50, 100, -1], [25, 50, 100, "All"]],
//"sPaginationType": "full_numbers",
////"sScrollY": "300px",
////"sScrollX": "100%",
//"sScrollXInner": "110%",
//"fnInitComplete": function() {
// this.css("visibility", "visible");
//},
"aaData": result,
"aoColumns": [
{ "mData": "DepartmentID" },
{ "mData": "Timestamp" },
{ "mData": "EditLink" },
{ "mData": "DeleteLink" },
{ "mData": "Code" },
{ "mData": "Description" },
{ "mData": "Division" }
],
"aoColumnDefs": [
{ sClass: "hiddenColumn", "aTargets": [0] },
{ sClass: "hiddenColumn", "aTargets": [1] },
{ sClass: "gridEditLink", sToolTip: localResourceMapper.Edit, "aTargets": [2], "bSortable": false },
{ sClass: "gridDeleteLink", sToolTip: localResourceMapper.Delete, "aTargets": [3], "bSortable": false }
]
});

$('#Department_Index_Search_DataTable .gridEditLink').die("click");
$('#Department_Index_Search_DataTable .gridDeleteLink').die("click");
$('#Department_Index_Search_DataTable .gridEditLink').live('click', function () {
var objectID;
var nTds = $('td', $(this).closest('tr'));
var objectID = $(nTds[0]).text();
DepartmentFrmSpace.EditDepartment(objectID)
});
$('#Department_Index_Search_DataTable .gridDeleteLink').live('click', function () {
var objectID;
var nTds = $('td', $(this).closest('tr'));
var objectID = $(nTds[0]).text();
var timeStamp = $(nTds[1]).text();

SystemGlobalSpace.ConfirmationDialog(localResourceMapper.DeleteConformation, localResourceMapper.AreYouSureToDelete, localResourceMapper.DeleteYesButtonText, localResourceMapper.DeleteNoButtonText, DepartmentFrmSpace.DeleteDepartment, null, objectID, timeStamp, null);
//if (SystemGlobalSpace.ReturnConfirmation(localResourceMapper.AreYouSureToDelete)) {
// DepartmentFrmSpace.DeleteDepartment(objectID, timeStamp)
//}
});
},
//--------------------------
this my function..

Thank You,

lukekarrys

I am having a similar issue on Safari 6.1 with Datatables 1.9.4. I posted a link to my test case in this issue http://datatables.net/forums/discussion/18036/column-widths-don039t-match-up-in-safari-6.1