datatable header no show correctly

paradita85

I have a table with datatables but I can not display correctly within a dialog.


{% trans %}Seleccione el médico{% endtrans %}:

{% for medico in medicos %}
{{medico.nombre}}
{% endfor %}



aqui se pondra la fecha




{% trans %}Id{% endtrans %}
{% trans %}Nombre{% endtrans %}
{% trans %}Apellido1{% endtrans %}
{% trans %}Apellido2{% endtrans %}
{% trans %}Dni{% endtrans %}
{% trans %}Acciones{% endtrans %}





{% for cliente in clientes %}


{{ cliente.id }}
{{ cliente.nombre |capitalize }}
{{ cliente.apellido1 |capitalize }}
{{ cliente.apellido2 |capitalize }}
{{ cliente.dni }}
seleccion
<!--Seleccionar-->

{% endfor %}




Dialog:

$("#dialogonuevacita").wijdialog({
autoOpen: false,
show: "Scale",
hide: "Scale",
height: 600,
width: 800,
buttons: {
Cancelar: function () {
$(this).wijdialog("close");
}
}
});
image : http://www.subirimagenes.com/imagen-capturadepantalla-8317200.html

the table show correctly without dialog. thanks.

paradita85

info : the table show correctly when i pulse to header for order.

psmerd

I have seen this in my application also (using DataTables 1.9.4). It always happens the first time a table is created on chrome, firefox, safari on osx 10.7, windows xp, windows 7, IE 8,9,10. It appears to be an issue with getting the browser to cough up the calculated css width. I chased this down to where a return width value of zero was provided to data tables. Rather than delve deeper, I found a quick work-around was to force another render on the first pass only.
I am using the ColReorderWithResize v1.0.7 plugin.