Tengo la siguiente configuracion
Tengo la siguiente configuracion
Aries1104
Posts: 16Questions: 5Answers: 0
in SearchPanes
Link to test case:
Debugger code (debug.datatables.net):
Error messages shown:
Description of problem:
This question has an accepted answers - jump to answer
Answers
searchPanes: {
columns:[3,5,9,15,11,16],
cascadePanes: true,
viewTotal: true,
layout: 'auto',
controls: false,
orderable: false,
pero quiero que todo me lo acobode en un solo renglon si especifico
layout: columns-6 si lo hace pero como no siempre tengo los mismos 6 paneles se crea mucha separacion
por decir el panel de la columna 3 es ciudad y no siempre existen mas de una ciudad por lo cual no se crea el panel y eso afecta a la distribucion
o alguna forma de saber cuantos paneles creo ?
para yo poner algo como layout:columns-X
The default for the layout is
auto, so it should lay them out evenly spread, as in here: http://live.datatables.net/zububadu/1/edit .Could you look at that, please, and see if it helps. If it's still not working for you, please can you update my example, or link to your page, so that we can see the problem.
Cheers,
Colin
el problema es que requiero que solo sea un renglon y si uso layout: columns-6 cuando algun panel no es creado la distribucion no es proporcional
existe una alguna forma de saber cuantos panel sean creado para asi usar use dato
var NoColumnas = X;
layout: NoColumnas
I see what you mean, but there's not an easy solution to know how many panels will be shown in advance. One fix though could be to always show the panels - http://live.datatables.net/zedujupa/1/edit - that way you know how many there will be.
Colin
si podria ser una buena opcion la que me envias
mi solucion no tan elejante fue
var divs = document.getElementsByClassName("dtsp-hidden").length;
divs = 6-divs;
switch(divs) {
case 1:
$("#tabla_wrapper > div.dtsp-panes.dtsp-panesContainer > div.dtsp-searchPanes > div.dtsp-columns-6 ").css('max-width','50%');
break;
case 2:
$("#tabla_wrapper > div.dtsp-panes.dtsp-panesContainer > div.dtsp-searchPanes > div.dtsp-columns-6 ").css('max-width','50%');
break;
case 3:
$("#tabla_wrapper > div.dtsp-panes.dtsp-panesContainer > div.dtsp-searchPanes > div.dtsp-columns-6 ").css('max-width','33%');
break;
case 4:
$("#tabla_wrapper > div.dtsp-panes.dtsp-panesContainer > div.dtsp-searchPanes > div.dtsp-columns-6 ").css('max-width','24%');
break;
case 5:
$("#tabla_wrapper > div.dtsp-panes.dtsp-panesContainer > div.dtsp-searchPanes > div.dtsp-columns-6 ").css('max-width','19%');
break;
default:
break;
}