Autor | Zpráva | ||
---|---|---|---|
Ondrej Profil * |
#1 · Zasláno: 8. 8. 2011, 20:02:38
Zdravím!
Prosím, potřeboval bych jednotlivé řádky tabulky učinit seřaditelnými. S jednoduchou tabulkou mi vše jde bez problémů. Potíže ovšem nastanou, když sortable() chci uplatnit i na buňky sloučené pomocí rowspan. Zkuste s jednou řádkou pohnout, uvidíte, jaké věci to dělá. Zde je ukázka. Potřeboval bych chytit celou tu řádku, sortable() však chytí jen jedno <tr>. Zdrojový kód mluví za vše: <script> $(document).ready(function() { var fixHelper = function(e, ui) { ui.children().each(function() { $(this).width($(this).width()); }); return ui; }; $(function() { $( "table tbody" ).sortable({ helper: fixHelper }).disableSelection(); }); }); </script> <table border="1" align="center" style="width:944px"> <tbody> <tr bgcolor=#ebebeb><td rowspan="2" style="background-color:#f7f282"><b>příklad struktury</b></td> <td>Příklad struktury</td> <td>Příklad struktury</td> <td>Příklad struktury</td></tr> <tr bgcolor=#ebebeb><td style="font-style:italic; text-align:justify; padding:3px 12px" colspan="3">Příklad struktury</td></tr> <tr bgcolor=#f5f5f5><td rowspan="2" style="background-color:#f7f282"><b>příklad struktury</b></td> <td>Příklad struktury</td> <td>Příklad struktury</td> <td>Příklad struktury</td></tr> <tr bgcolor=#f5f5f5><td style="font-style:italic; text-align:justify; padding:3px 12px" colspan="3">Příklad struktury</td></tr> <tr bgcolor=#ebebeb><td rowspan="2" style="background-color:#f7f282"><b>příklad struktury</b></td> <td>Příklad struktury</td> <td>Příklad struktury</td> <td>Příklad struktury</td></tr> <tr bgcolor=#ebebeb><td style="font-style:italic; text-align:justify; padding:3px 12px" colspan="3">Příklad struktury</td></tr> <tr bgcolor=#f5f5f5><td rowspan="2" style="background-color:#f7f282"><b>příklad struktury</b></td> <td>Příklad struktury</td> <td>Příklad struktury</td> <td>Příklad struktury</td></tr> <tr bgcolor=#f5f5f5><td style="font-style:italic; text-align:justify; padding:3px 12px" colspan="3">Příklad struktury</td></tr> </tbody> </table> Jak se dá prosím takový problém vyřešit? Děkuji! |
||
Časová prodleva: 3 dny
|
|||
peta Profil |
#2 · Zasláno: 11. 8. 2011, 08:03:22 · Upravil/a: peta
Co udelat jednoduchou tabulku a ten druhy radek proste skryt pres css?
Pokud tam potrebujes zarovnani, tak by se dalo udelat takove siditko, ze B tag roztahnes pres obe bunky (inline-block, vertical-align). Jediny problem by mohl byt s ramecky. Aha, jenze pri drag drop ti to stejne neveme 2 radky naraz :) Pak je tu moznost udelat tabulku v tabulce. Do TD vlozit dvouradkovou tabulku. |
||
Časová prodleva: 13 let
|
0