datatables scrolly not working correectly

paradita85

hello i have a problem using scrolly in datatables jquery plugin. I have this code:

tablacliente = $('#tablacliente').dataTable( {
"bJQueryUI": true,
"sScrollY": "1650px",
"bPaginate": false,
"bScrollCollapse": true,
"aoColumns": [
null,
null,
null,
null,
null,
null,
null,
null,
null,
{ sWidth: '30%'}
],
"oLanguage": espanol
} )
but table no show correctly the table scroolly with 10 records.if the table does not exceed 1650 px should not show any scroll table image:

http://www.subirimagenes.com/imagen-capturadepantalla-8267306.html

thanks.

allan

Can you link to a test case showing the issue please? Unfortunately I can't debug it from an image.

Also, what browser and version are you using? And what DataTables version?

Allan

paradita85

browser is chrome ón 24.0.1312.56 y datatables is 1.8.2.
the table contains 10 record :




{% trans %}Id{% endtrans %}
{% trans %}Nombre{% endtrans %}
{% trans %}Apellido1{% endtrans %}
{% trans %}Apellido2{% endtrans %}
{% trans %}Dirección{% endtrans %}
{% trans %}Localidad{% endtrans %}
{% trans %}Provincia{% endtrans %}
{% trans %}Email{% endtrans %}
{% trans %}Movil{% endtrans %}
{% trans %}Acciones{% endtrans %}





{% for entity in entities %}


{{ entity.id }}
{{ entity.nombre |capitalize }}
{{ entity.apellido1 |capitalize }}
{{ entity.apellido2 |capitalize }}
{{ entity.direccion |capitalize }}
{{ entity.localidad |capitalize }}
{{ entity.provincia |capitalize }}
{{ entity.email }}
{{ entity.movil }}


{% trans %}Venta{% endtrans %}
{% trans %}Reserva{% endtrans %}
{% trans %}Devolución{% endtrans %}
{% trans %}Editar{% endtrans %}



{% endfor %}




{% trans %}Id{% endtrans %}
{% trans %}Nombre{% endtrans %}
{% trans %}Apellido1{% endtrans %}
{% trans %}Apellido2{% endtrans %}
{% trans %}Dirección{% endtrans %}
{% trans %}Localidad{% endtrans %}
{% trans %}Provincia{% endtrans %}
{% trans %}Email{% endtrans %}
{% trans %}Movil{% endtrans %}
{% trans %}Acciones{% endtrans %}





y datatable init is:

tablacliente = $('#tablacliente').dataTable( {
"bJQueryUI": true,
"sScrollY": "1650px",
"bPaginate": false,
"bScrollCollapse": true,
"aoColumns": [
null,
null,
null,
null,
null,
null,
null,
null,
null,
{ sWidth: '30%'}
],
"oLanguage": espanol
} )


thanks allan

paradita85

The table only shows the first 6 rows but should 1650px to show all rows without scrolly.

allan

Without a link to a test case, I can't debug this and offer any help.

The best I can do is try to reconstruct your example - which appears to work just fine for me: http://live.datatables.net/uteqaw/edit#javascript,html .

paradita85

thanks allan, i think the problem is the last td of table.

code:


{% trans %}Venta{% endtrans %}
{% trans %}Reserva{% endtrans %}
{% trans %}Devolución{% endtrans %}
{% trans %}Editar{% endtrans %}



javascript :

$(".botonescliente").button();


i insert buttons but no working Sscrolly correctly with buttons. sorry my english.

allan

Perhaps it is - but I really honestly don't know without being able to see it.