Table Press

[OlympiaParticipant Web]

Ahojte!

Je tu nejaký užívateľ tabuľkového pluginu Table Press? Čo potrebujem? Daný plugin používam istý čas..ale neviem ako sa dajú v tabuľke spraviť zvislé čiary/predelenia stĺpcov.

(Marí sa mi, že som niekde čítal článok na úplne inú tému, ale bolo tam spomenuté, že tabuľka bola vytvorená týmto pluginom a zvislé čiary tam boli.No neviem nájsť daný článok,aby som sa to spýtal autora)

[mirekkParticipant Web]

Je rozdíl, jestli to chcete u všech tabulek, nebo jen u některých.
Liší se formátem zápisu. Popíšu, jak to uděláte pro všechny tabulky.
Takže: Otevřete si TablePress, nahoře klikněte na záložku Nastavení. Zaškrtněte Vlastní nastavení.
V editoru pak můžete nastavovat vlastní styly tabulek. Ve vašem případě vložte kód pro pravé ohraničení všech buněk všech tabulek:

.tablepress tbody td {
	border-right: 1px solid #ddd;
}

Uložit a je to.
Pokud byste chtěl měnit jen styly u některých tabulek, i to se dá, jen se vkládá ID tabulky, kterou chcete ovlivnit. Takto může každá tabulka vypadat jinak.

Edit: teď koukám na váš web, že jsem se i trefil barvou ohraničení do té vaší :-)

[OlympiaParticipant Web]

Dobrý deň.

ĎAKUJEM za Vašu reakciu. Už som neveril,že sa niekto ochotný nájde. Práve danú tabuľku, ktorú ste videli nejdem prerábať :) Chcem spraviť novú pre iný projekt. Farba riadkov je pôvodná akú dáva TablePress automaticky.

1. Ani mi nenapadlo,že dané úpravy tabuliek sa dajú vlastným CSS. Skúšal som použiť Váš návod. Pozrite si, prosím, prílohu. Ako si môžete všimnúť, úplne vľavo nie je zvislá čiara tj.tabuľka nie je ohraničená. Rovnako ale nie je ohraničená zhora a ani zdola. A ja by som chcel,aby bola celá uzavretá :)Vedeli by ste to prosím, boli by ste ochotný mi napísať CSS pre mnou želaný vzhľad?

2. Ako vyzerá zápis, keď chcem zmeniť CSS len v konkrétnej tabuľke?

3. Predpokladám, že ak by som tabuľke zapol aj “hlavičku”, že sa dá zmeniť jej pôvodné modré pozadie. Viete aj to?:)

Attachments:

1. 

   tabulka-nahlad.png
   

[mirekkParticipant Web]

Váš dotaz byl na čáry mezi sloupci :-) Takže pokud chcete orámovat všechny buňky, změňte zápis takto:

.tablepress tbody td {
border: 1px solid #ddd;
}

Jestliže chcete aby byla orámovaná i hlavička tabulky musíte přidat i:

.tablepress thead th {
border: 1px solid #ddd;
}

Pozadí hlavičky by (snad) mělo být (nezkoušel jsem):

.tablepress thead th {
background-color: #840000;
}

Pokud chcete změnit nějaký styl jen a pouze u konkrétní tabulky, zápis bude vypadat stejně, jen k .tablepress dopíšete ID té tabulky. Například pokud budete měnit pozadí hlavičky u tabulky ID 1, zapíšete to takto:

.tablepress-id-1 thead th {
background-color: #840000;
}

Snad jsem se nesek, kdyžtek se ozvěte.

[OlympiaParticipant Web]

Dobrý deň.

Takže skúšal som a ..

Mám tabuľku bez hlavičky a keď dám orámovať všetky bunky, tak mi neohraničí tabuľku zhora. Vrchná čiara mi chýba :/ K tomu by ste vedeli CSS ?

Orámovanie hlavičky ide, aj zmeniť jej pozadie a aj CSS pre konkrétnu tabuľku.

[mirekkParticipant Web]

Aha, já to nezkoušel. Takže:

.tablepress {
	border: 1px solid #ddd;
}

[OlympiaParticipant Web]

Super, ono to funguje :) A už naozaj posledná otázka, tá je už ale len taká doplnková pre zaujímavosť. Dá sa hlavička tabuľky zlúčiť do jednej bunky?

[mirekkParticipant Web]

Ano, slučovat se dají buňky ve sloupcích i řádcích. Je k tomu nápověda, použití jednoduché: viz. obr.

Attachments:

1. 

   tablepress.jpg
   

[OlympiaParticipant Web]

Tu funkciu zlučovanie buniek som poznal, keď som to skúšal, tak mi to nešlo, ale pozriem sa na to opäť. Teraz mi skôr napadlo, že ak zlúčim bunky, či ich dokážem dať aj naspäť do pôvodného stavu:) Pozriem sa a uvidím..

Chcem sa vám hlavne poďakovať za tie CSS-ka. Veľmi ste mi s tým pomohli a konečne spravím tabuľku presne podľa svojich predstáv, čomu sa teším :) ĎAKUJEM.

[mirekkParticipant Web]

To jsem rád, že to funguje. Nemáte zač děkovet. Ono by to šlo zapsat do css o něco jednodušeji, ale psal jsem vám každou úpravu schválně zvlášť, aby se dala použít bez dlouhého přemýšlení, co k čemu patří.

Ke slučování buněk: když sloučříte buňky, do té, kterou slučujete s jinou, se zapíše #colspan# a to když smažete, sloučení se opět zruší. Takže to jde jednoduše zrušit.

[AlMParticipant]

Dobrý den,

můžete mi prosím poradit, kam ukládá vytvořené tabulky tento plugin TablePress?

Potřeboval bych to zjistit. (název bude předpokládám stejný jako pojmenování tabulky, ale netuším umístění)

Děkuji moc předem za ochotu.

[OlympiaParticipant Web]

Ahojte.

Vie mi, prosím, niekto z vás poradiť, ako zarovnať obrázok vnútri bunky (v tomto tabuľkovom plugine, Table Press) horizontálne a vertikálne zároveň. Teda ho úplne zacentrovať na stred bunky.

Dosť dlho sa s tým bavím a nedá mi to pokoj. Horizontálne obrázok zarovnám pomocou tohto kódu:

.tablepress img {
display: block;
margin-left: auto;
margin-right: auto;
}

ale vertikálne mi to nejde :/ Vopred ĎAKUJEM za radu, ak sa niekto nájde.

[Autor]

Příspěvky