Column Width after Ajax Load
Column Width after Ajax Load
techt9
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.