Column Width after Ajax Load

Column Width after Ajax Load

techt9techt9 Posts: 1Questions: 1Answers: 0

Hey Everyone,

I have a problem with 1.10.4 where after my ajax load the column width are all the same. I am sure I am missing something simple.

Any ideas?


$(document).ready(function () { var oTable = $('#Quotes').DataTable({ bProcessing: true, bAutoWidth: true, sAjaxSource: '@Url.Action("QuoteListing", "Quote")', fnInitComplete: function(oSettings, json) { this.fnAdjustColumnSizing(true); }, "aoColumns": [ { "sName": "QUOTENO", "sDefaultContent": "", "mData": "QuoteId", "mRender": function (data, type, row) { return '<a href="@Url.Action("Edit", "Quote")/' + data + '">' + row.QuoteId + '</a>'; } }, { "sName": "STATEDESC", "sDefaultContent": "", "mData": "StateDescription" }, { "sName": "ITEMNO", "sDefaultContent": "", "mData": "ItemNo" }, { "sName": "CUSTOMER", "sDefaultContent": "", "mData": "CustomerNumber" }, { "sName": "PROJECTVALUE", "sDefaultContent": "", "mData": "ProjectValue" }, { "sName": "ESTIMATOR", "sDefaultContent": "", "mData": "LastName" }, { "sName": "DESCRIPTION", "sDefaultContent": "", "mData": "Description", "sWidth": "75%" }, { "sName": "PROJECTTYPE", "sDefaultContent": "", "mData": "ProjectType" }, { "sName": "PROGRAM", "sDefaultContent": "", "mData": "ProgramDescription" }, { "sName": "PLATFORM", "sDefaultContent": "", "mData": "PlatformDescription" }, { "sName": "REVISION", "sDefaultContent": "", "mData": "QuotedRevision" }, { "sName": "CREATEDDATE", "sDefaultContent": "", "mData": "CreatedDate", "mRender": function (data, type, row) { return ConvertShortDateJSON(data); } }, { "sName": "REVISIONDATE", "sDefaultContent": "", "mData": "RevisionDate", "mRender": function (data, type, row) { return ConvertShortDateJSON(data); } }, { "sName": "LASTUPDATEDDATE", "sDefaultContent": "", "mData": "LastUpdatedDate", "mRender": function (data, type, row) { return ConvertShortDateJSON(data); } } ], }); });
This discussion has been closed.