Aqui la tabla HTML
<table id="Tickets_Abiertos_table" class="table table-bordered table-hover table-striped">
<thead>
<tr>
<th class="text-center" style="background-color:skyblue;">No._Ticket</th>
<th class="text-center" style="background-color:skyblue; width:140px;">Fecha_Apertura</th>
<th class="text-center" style="background-color:skyblue;">Estado</th>
<th class="text-center" style="background-color:skyblue; width:150px;">Tipo</th>
<th class="text-center" style="background-color:skyblue; width:150px;">Motivo</th>
<th class="text-center" style="background-color:skyblue;">Solucción</th>
<th class="text-center" style="background-color:skyblue; width:150px;">Area_Responsable</th>
<th class="text-center" style="background-color:skyblue;">Abierto_Por</th>
<th class="text-center" style="background-color:skyblue; width:400px">Notas</th>
</tr>
</thead>
<tbody></tbody>
</table>
Asi es como inicializo la tabla
//inicializacion de la Tabla
var oOpen_Case_Table = $('#Tickets_Abiertos_table').dataTable({
"bJQueryUI": false,
"aaSorting": [],
"paging": false,
"bServerSide": true,
"bProcessing": true,
"info": false,
"bFilter": false,
"scrollY": "48vh",
"scrollX": true,
"scrollCollapse": true,
"sAjaxSource": '@Url.Action("Get_CALL_DATA_OPEN", "Creacion_Tickets")',
"fnServerData": function (sSource, aoData, fnCallback) {
aoData.push({ "name": "retnum", "value": $('#agenciaid').val() });
$.getJSON(sSource, aoData, function (json) {
fnCallback(json)
});
}
});
Y esta es la funcion que utilizo para recargar los datos
function Busca_Tickets_Abiertos() {
if (oOpen_Case_Table != null) {
//Cambia dinamicamente la ruta del servidor para que no sea estatico.
var oSettings = oOpen_Case_Table.fnSettings();
oSettings.sAjaxSource = '@Url.Action("Get_CALL_DATA_OPEN", "Creacion_Tickets")'
//Busca datos de la tabla
oOpen_Case_Table.fnDraw();
oOpen_Case_Table.fnClearTable();
oOpen_Case_Table.fnAdjustColumnSizing();
oOpen_Case_Table.fnDraw();
}
}
Esta es la accion MVC que devuelve los datos.
public ActionResult Get_CALL_DATA_OPEN(JQueryDataTableParamModel param, String retnum)
{
if (string.IsNullOrEmpty(retnum))
{
return null;
}
List<DR_CALL_DATA> CALL_DATA = Utilidades.Get_CALL_DATA_OPEN(retnum);
//Select todos los logs encontrados
var CALL_DATA_ALL = (from e in CALL_DATA
select e).ToList();
//Fintrando por el parametro de busqueda
var CALL_DATA_FILTRADO = (from e in CALL_DATA_ALL
where (param.sSearch == null || e.caseID.ToString().ToLower().Contains(param.sSearch.ToLower())
|| e.dateCallOpen.ToString().ToLower().Contains(param.sSearch.ToLower())
|| e.callStatus.ToLower().Contains(param.sSearch.ToLower())
|| e.callType.ToLower().Contains(param.sSearch.ToLower())
|| e.callIssue.ToLower().Contains(param.sSearch.ToLower())
|| e.callResolution.ToLower().Contains(param.sSearch.ToLower())
|| e.callNotes.ToLower().Contains(param.sSearch.ToLower())
|| e.callOpenedBy.ToLower().Contains(param.sSearch.ToLower())
|| e.queue.ToLower().Contains(param.sSearch.ToLower()))
select e).ToList();
var result = from CALL_DATA_RESULT in CALL_DATA_FILTRADO.Skip(param.iDisplayStart)//.Take(param.iDisplayLength)
select new[] {Convert.ToString(CALL_DATA_RESULT.caseID), CALL_DATA_RESULT.dateCallOpen.ToString(),
CALL_DATA_RESULT.callStatus,CALL_DATA_RESULT.callType, CALL_DATA_RESULT.callIssue,
CALL_DATA_RESULT.callResolution,CALL_DATA_RESULT.queue,CALL_DATA_RESULT.callOpenedBy,
CALL_DATA_RESULT.callNotes};
return Json(new
{
sEcho = param.sEcho,
iTotalRecords = CALL_DATA_ALL.Count(),
iTotalDisplayRecords = CALL_DATA_FILTRADO.Count(),
aaData = result
},
JsonRequestBehavior.AllowGet);
}
Y asi se pone la tabla luego de esto.
Como pueden observar la tabla se distorciona, el scroll Horizontal y vertical desaparecen, si vuelvo a buscar entonces si la tabla se pone bien. Me ayudan por favor.