| 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: 14 let
|
|||
0